如何传递第三个参数来绑定动作调用 - 反应

时间:2015-08-20 05:50:24

标签: reactjs reactjs-flux

在我的应用程序中,我有文本框列表。为了反映文本框中的更改,我调用handleChange函数调用。当我向函数发送第三个参数(索引)时,e值变为未定义。

HTML

<div className="col-md-2">
    <Input type="select" placeholder="select"
     wrapperClassName="col-xs-12" value={this.props.lang}
     onChange={this.handleChange.bind(this, 'language', index)}>
         <option value="en">en</option>
         <option value="de">de</option>
     </Input>
</div>

拨打:

  handleChange(name, e) {
    this.state.description[0][name] = e.target.value;
    this.setState({description: this.state.description});
    console.log('---updated--', this.state);
  }

如何在onChange事件上向handleChange函数调用发送另一个参数?如何发送多个参数?

1 个答案:

答案 0 :(得分:0)

首先,您不应该像state方法的第一行那样直接更改handleChange

onChange回调不是用附加参数调用的,而是回调,所以只传递函数,而不是函数调用。您可以从组件范围内的其他位置访问'language'index个参数。