0

代码如下:

handleSwitchColor = (color) => {
    console.log(color);
    const {store} = this.context;
    store.dispatch({
      type: 'CHANGE_COLOR',
      themeColor: 'red'
    })
  };
  render () {
    return (
      <div>
        <button
          style={{ color: this.state.themeColor }}
          onClick={() => this.handleSwitchColor}
        >Red</button>
        <button
          style={{ color: this.state.themeColor }}
          onClick={this.handleSwitchColor}
        >Blue</button>
      </div>
    )
  }

问:

代码中已经为button通过箭头函数绑定上了handleSwitchColor函数,但是通过这种方法的话,怎么给这个函数传参?
this.handleSwitchColor(参数) // 此方式不行
2018-12-07 提问

1 个回答

0
<button
  style={{ color: this.state.themeColor }}
  onClick={() => {
    this.handleSwitchColor(...)
}}
>Blue</button>

或者

<button
  style={{ color: this.state.themeColor }}
  onClick={this.handleSwitchColor.bind(this, ...)}
>Blue</button>

你可能感兴趣的

推广链接