How to inject a parameter from redux to a function in React

Question

I have a class like the one below, I added a new parameter in mapStateToProps, and I can see it when rendering. I don't know how to pass it to the onClick method. Any Idea? I prefer not to pass it directly when I call the function, there are other parameters already accessible that are not passed directly.

class A extends Component{
  static propTypes = {
    myValue: PropTypes.string.isRequired
  }

  onClick = (param1, param2) => {
    >>>I want to access myValue here<<<
  }

  render() {
    const { myValue } = this.props
      return (
        <MyCompoment
          onClick={this.onClick}
        >
      )
  }
}

const mapStateToProps = (state, props) => ({
  myValues: getMyValue(state),
})

isn't myValues accessible to you via this.props.myValues? — Yousaf
– Yousaf, Commented Jun 16, 2020 at 12:02
it is actually, I though there was another way because I already have some parameters that are available without accessing props... — user3174311
– user3174311, Commented Jun 16, 2020 at 12:04
an event handler is passed a synthetic Event object by react. So that will be one of the parameters. What is second paramter? — Yousaf
– Yousaf, Commented Jun 16, 2020 at 12:10

Nikita Madeev · Accepted Answer · 2020-06-16 12:02:02Z

1

You can access it like:

onClick = (param1, param2) => {
    const test = this.props.myValues;
}

or like render method:

onClick = (param1, param2) => {
    const { myValue } = this.props;
}

answered Jun 16, 2020 at 12:02

Nikita Madeev

4,49012 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to inject a parameter from redux to a function in React

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related