![](/img/trans.png)
[英]onChange In SelectField Component For Material-UI / React is not accepting onChange from parent Component
[英]Reference Material UI SelectField component from onChange handler
我有一个包含很多 SelectField 组件的表单(15+) - 我试图避免使用多个更改处理程序函数,但我正在努力找出如何引用触发更改的特定选择,以便我可以相应地更新状态。
我已经尝试添加一个 id、ref 以及我之前见过的所有可能的解决方案,但没有任何效果。
<SelectField value={this.state.selectedFramework} onChange={this.handleChange} style={style}>
<MenuItem value={0} primaryText="Please select..." />
{this.props.frameworks.map(this.renderMenuItem)}
</SelectField>
我的更改处理程序如下:
handleChange = (event, index, value) => {
this.setState({selectedFramework: value});
};
但这显然不能被多个选择字段组件使用,因为状态键是硬编码的。 我需要引用触发更改的选择,以便我知道要更新哪个状态键。
有什么建议?
创建一个箭头函数并传入select字段的索引:
{this.state.selectFields.map((v, i) => {
<SelectField value={v} onChange={(e, _, v) => this.handleChange(e, i, v)} style={style}>
<MenuItem value={0} primaryText="Please select..." />
{this.props.frameworks.map(this.renderMenuItem)}
</SelectField>
}
handleChange = (event, index, value) => {
const selectFields = this.state.selectFields.slice();
selectFields[index] = value;
this.setState({selectFields});
};
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.