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

您可以将值属性只是添加到选择元素，通过你的状态。

<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：What is the difference between using constructor vs getInitialState in React/React Native?