如何从onChange事件处理程序中的绑定函数中正确传递值?

时间:2018-04-17 14:50:36

标签: reactjs redux react-redux

我在表单中有一个字段,并希望每次更改时都将其发送到firebase。像这样:

<center>
   <TextField
      type='number'
      value={this.props.game.home_result}
      onChange={this.props.homeScoreChangedHandler.bind(this, this.props.game)} 
   />
 </center>

但是在我的容器中,当我处理它时,游戏的值没有被传递。最糟糕的是,我的Event属性带有一个奇怪的值,而我的游戏属性带有Event的值。

homeScoreChangedHandler = async (event, game) => {
  let gameToBeUpdated = { ...game };
  gameToBeUpdated.away_result = event.target.value;
  await this.props.updateMatch(gameToBeUpdated);
}

在我的homeScoreChangedHandler上,事件和游戏的值未正确传递。我做错了什么?

1 个答案:

答案 0 :(得分:0)

尝试使用lambda:

 onChange={(e,props.game)=>props.homeScoreChangedHandler(e, props.game)}