How to send multiple parameters to action?

Question

React

Let's say the button in the component takes two parameters

function Component(props) {
  return (
    <div>
      <button onClick={() => props.click_item('par_1', 'par_2')>-</button>
    </div>
  )
}

The question is how to correctly send these two parameters to the action?

function mapDispatchToProps(dispatch) {
  return {
    click_item: (par_1, par_2) => dispatch(click_item(par_1, par_2))
  }
}

Answer 1

Try just doing:

const mapDispatchToProps = {
    click_item,
}

This is also possible, and throw as many arguments as you want. The main thing is to process them in the action itself.

Answer 2

click_item is the action creator function. you wrote it with your own hands. write a function that takes two arguments and pass two arguments there.