2017-12-04 13 views
0

私は選択要素を複数として定義しました。私はredux-formの複数選択のinitialValues

 <Field 
      name="favoriteColor" 
      component="select" 
      type="select-multiple" 
      multiple > 
      <option value="">Select a color...</option> 
      {colors.map(colorOption => (
       <option value={colorOption.name} key={colorOption.name}> 
       {colorOption.name} 
       </option> 
      ))} 
     </Field> 

CodeSandBox example

Reduxの形式はfavoriteColorなどの変化に反応するReduxのフォームにinitialValuesを渡したい:[ 'ブルー'、 'グリーン'、...]、しかし、私はfavoriteColorを必要とします:[{名前: '青'}、{名前: '緑'}、...]。また、初期化のために、オブジェクトのフィールド名を調べる必要があります

+0

redux-formにintialValuesを渡しますか? – Aaqib

+0

実際にはありません。私のinitialValuesは[{name: 'Blue'}、{name: 'Yellow'}]のように見えるので、どのオプションが選択されているかを表示し、同じ構造でBE –

答えて

0

フォームのinitialValuesのデータを操作するにはlodashを使用してください。

https://codesandbox.io/s/318n0oy6xp

+0

を送信します.map(item => item .name)もあります。それは正しくありません。私がBEにデータを送るとき、私は同じことを反対にする必要があるでしょう。私はredux形式の標準的な方法を探しています –