React Js选择列表以拥有自己的值

Question

我有多行选择列表，当我在一行上更改列表时，整个表列的列表会发生变化，是否有一种方法可以让每个选择列表都有自己选择的选项？

我渲染每个行组件使用以下模式：

true

然后我渲染每个选择列表

 tableRowScheme: [
            {"column":"levelId",
                "title":"Level",
                "type": "select",
                "optionData": this.state.gradeOptions,
                "afterChange": this.onLevelSelect,
                "className": "col-md-1"},
            {"column":"subjectId",
                "title":"Subject",
                "type": "select",
                "optionData": this.state.subjects,
                "afterChange": this.onSubjectSelect,
                "className": "col-md-1"},

然后每个下拉列表都有case 'select': { var optionsData = cellData.optionData ? cellData.optionData : []; if(cellData.isRowInEditMode && !cellData.isNonEditable) { return ( <div> <TableDropdown columnName={cellData.column} staticElements={this.props.staticElements} optionsData={optionsData} staticElementId={cellData.selectTypeId} defaultValue={parseInt(this.state.rowDataStack[cellData.column])} className="input-sm" handleSelect={this.onDropdownChange}/> <Input type="hidden" ref={cellData.column} standalone={true} defaultValue={parseInt(this.state.rowDataStack[cellData.column])} /> </div> ); ：

this.onDropdownChange