ReactJs选择添加默认值

Question

如果用户没有在ReactJs中触摸它,我想存储选择默认值.怎么可能？

<select onChange={this.valSelected.bind(this)}>
    {currencies.map(function(name, index){
        return <option value={name}>{name}</option>;
    })}
</select>

和

valSelected(event){
    this.setState({
        valSelected: event.target.value
    });
}

Answer 1

您只需将value属性添加到由您的州设置的select元素即可.

<select value={this.state.valSelected} onChange={this.valSelected.bind(this)}>
    {currencies.map(function(name, index){
        return <option value={name}>{name}</option>;
    })}
</select>

这在反应文档中描述:Doc Link

然后在构造函数中或使用getInitialState为组件设置默认状态:在React/React Native中使用构造函数与getInitialState之间的区别是什么？