2016-11-07 7 views
4

を設定することができない私は、成分を反応させた:セマンティックUI反応し、選択、多重、はdefaultValue

<Dropdown 
    placeholder={field[propName].label} 
    id={propName} 
    fluid 
    multiple 
    selection 
    search 
    defaultValue={defaultOptions} 
    options={options} 
/> 

だからoptionsdefaultOptionsは同じ構造アレイ{text: 'string, value: 'string'}あります。上記の私のコードは私にエラーを与えている理由ということ

/** Initial value or value array if multiple. */ 
    defaultValue: PropTypes.oneOfType([ 
     PropTypes.string, 
     PropTypes.number, 
     PropTypes.arrayOf(PropTypes.oneOfType([ 
     PropTypes.string, 
     PropTypes.number, 
     ])), 
    ]) 

`Warning: Failed propType: Invalid prop `defaultValue` supplied to `Dropdown`. Check the render method of `View`.` 

がそこで問題は、私は複数選択のためにはdefaultValueを設定する必要がありますどのようにしてある

はセマンティックUIのソースコードでは、私はこれを見つけましたタイプのドロップダウン?

答えて

4

defaultValueは、意味的UI反応のオブジェクトにすることはできません。それは値に過ぎません。 http://react.semantic-ui.com/modules/dropdown。 defaultValueの小道具を見ると、文書には文字列、数字、または配列0を指定できます。

私は通常、ドロップダウンの値にマイナスを設定します。これは、オンになっているときにimmutabilityJSを使用します。

<Dropdown 
    placeholder={field[propName].label} 
    id={propName} 
    fluid 
    multiple 
    selection 
    search 
    defaultValue={dropdownList.get('forWhat')} 
    options={options} 
    onChange={(e, {value}) => this.updateDropdownList('forWhat',[value:value, text:"works"])} 
/> 
+0

私は値と文字列の配列を渡すしようと、私は{テキスト「:「」、値」}で使用するのと同じ値だ私はちょうど私のコードを試してみました、オブジェクト、そしてそれはまだ –

+0

を動作しません。 [value:value、text: 'works']を指定すると動作します。より多くのコードを投稿できますか?多分それは別のものです – Craig1123

+0

* [{値:値、テキスト: '作品}] - {} – Craig1123

関連する問題