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?