SelectInput：所选值不会保存在多步骤表单中

Question

当我单击上一步转到上一步时，我正在使用多步骤表单。所选值不存在，并且selectinput为空白。

这是我正在使用的代码：

<SelectInput value={this.state.value}
    onChange={this.handleDropDownChange}
    errorText={err.State}
    maxHeight={200}
    name="State"
    floatingLabelText={messages.STATE[lang]}
    floatingLabelFixed={true}
>
    {
        this.props.ci.StatesOfUS.map((element) => {
            return <MenuItem value={element.Value} primaryText={element.Value} />
        })                     
    }           
</SelectInput> 

Answer 1

可能是因为转到上一步时已卸载组件，并且所有状态都丢失了。在这种情况下，您可以将状态拉到父组件。参见https://reactjs.org/docs/lifting-state-up.html。