[SelectField] [DropDownMenu]が発生しました。変更しました。

Question

複数のSelectFieldおよびDropDownMenuコンポーネントをプログラムでレンダリングしています。私は単一のonChangeハンドラ関数で作業しようとしていますが、イベントをトリガした特定のSelectField/DropDownMenuを参照する方法が見つからないため、それに従って状態を更新できます。 onChangeイベントに渡されたパラメータには、起動コンポーネントを識別するための有用な情報が含まれていないようです。何か案は？

Answer 1

はここで、これは

https://jsfiddle.net/davidebarros/k9ng7bk9/

この

はあなたがES6矢印関数の構文に精通していると仮定されて行うことができる方法の例です。

state = { 
    dropDown1: 1, 
    dropDown2: 4, 
    selectfield1: null, 
    selectfield2: null 
} 

onChange = (type) => (event, index, value) => { 
    this.setState({ 
    [type]: value 
}) 


//In your render method 
<SelectField 
     floatingLabelText="Select Field 1" 
     value={this.state.selectfield1} 
     onChange={this.onChange("selectfield1")}> 
     <MenuItem value={1} primaryText="Select 1, value 1" /> 
     <MenuItem value={2} primaryText="Select 1, value 2" /> 
</SelectField>