MaterialUI - 我怎样才能有2个不同的选择相同的MenuItem，但它会有不同的选择？

Question

我有2个SelectField，我希望它可以作为2个不同的SelectField。我的代码正在工作，但是当我点击第一个SelectField时，第二个SelectField也会选择与第一个相同的MenuItem。

如何将其更改为2个不同的SelectField？

<SelectField value={this.state.selectedBrandings} onChange={this.onBrandingsChange} id={t}> 
     {_.map(this.state.brandings, (b) => { 
      return <MenuItem value={b.name} primaryText={b.name} key={b.id}/>; 
     })} 
    </SelectField> 

<SelectField value={this.state.selectedBrandings} onChange={this.onBrandingsChange} id={t}> 
     {_.map(this.state.brandings, (b) => { 
      return <MenuItem value={b.name} primaryText={b.name} key={b.id}/>; 
     })} 
    </SelectField> 

Answer 1

得到它正在研究这个代码 以下功能：

onBrandingsChange = (event, index, value) => { 
    var newBrandings = this.state.selectedOrder; 
    newBrandings.prints.printMethod.push(value) 
    this.setState({selectedOrder: newBrandings}); 
    } 

在渲染

{_.map(this.state.test, (t, id) => { 
    <SelectField value={this.state.selectedOrder.prints.printMethod[id]} onChange={this.onBrandingsChange}> 
     {_.map(this.state.brandings, (b) => { 
      return <MenuItem value={b.name} primaryText={b.name} key={b.id}/>; 
     })} 
    </SelectField> 
} 

Answer 2

你不能人希望两个selectfields以不同的方式工作，如果他们是从同一获得价值状态并在onChange中更新相同的状态。你应该有两种不同的状态。