How to pass an argument to a handler?

Question

React

There is a method

modalRun = (state) => {
    this.setState((prevState, state) => {
      return {
          modal: {
            ...prevState.modal,
            state: state
        }
      };
    });  
  };

There are processors

<Button 
                               
   onPress={() => this.modalRun(1)}
   >

It transmits by clicking on 1, and some unknown object. Is it possible to pass 1?

Answer 1

First, the state parameter of the function passed to setState overrides the state parameter passed to modalRun. Secondly, the second parameter of the function passed to setState is props, not state at all. In general, fool yourself with a stupid choice of parameter names. Do something like this:

modalRun = (modalState) => {
  this.setState((prevState, props) => {
    return {
      modal: {
        ...prevState.modal,
        state: modalState
      }
    };
  });  
}