2016-12-15 11 views
3

[email protected]でのFormControlにデフォルト値を指定しInput属性defaultValueInputが廃止されましたこれは[email protected]で処理する必要がありますどのようにコンボボックス私が使用した反応ブートストラップ

<Input type='select' 
      ref='templateSelect' 
      defaultValue={this.state.templateId} 
      onChange={this.handleTemplateChange}> 
    {options} 
</Input> 

で選択された開始値(最新のもの)を指定しますここで使用する新しいコンポーネントFormControlはそのような属性を提供していませんか?

代わりにvalueを使用する必要がありますか?

<FormControl type='select' 
      ref='templateSelect' 
      value={this.state.templateId} 
      onChange={this.handleTemplateChange}> 
    {options} 
</FormControl> 

それとも、このような何か:

value={this.state.templateId || 'default value'} 
+0

限り私が見ることができるように、 'FormControl'値属性は通常の' input'値属性に相当しますので、上記のようにdefaultを設定するためにvalueを使用するとうまく動作します。私は 'value = {this.state.templateId ||あなたの変更ハンドラが 'this.state.templateId'を' false'に解決するものに設定した場合、入力フィールドに表示される値は 'default value'になるので、 'default value'} 'です。 –

答えて

7

私はこれをテストしていないが、defaultValue小道具を使用して動作するはずのように反応させ、ブートストラップsource code for FormControlからそれはそうです:

<FormControl type="select" 
    ref="templateSelect" 
    defaultValue={this.state.templateId} 
    onChange={this.handleTemplateChange}> 
    {options} 
</FormControl> 
関連する問題