Redux形式，如何將字段名稱設置爲動態字符串？

Redux-form不允許我將字段名稱設置爲整數，因爲它需要一個字符串...我怎樣才能將redux-form字段名稱設置爲API可以用來記錄每個Talent選擇的用戶選項。Redux形式，如何將字段名稱設置爲動態字符串？

 <Field 
      name='talent_id[' + {field.talent_id} + ']' 
      component={renderField} 
      field={field} 
      />

這不是工作，我越來越Syntax error: Unexpected token與+

Talents.rb

id | Title 
1 | Jumping 
2 | Skipping 
3 | Running

我的API，返回人才＃指數像這樣：

[ 
{"id":1,"title":"Jumping"}, 
{"id":2,"title":"Skipping Rope"}, 
{"id":3,"title":"Running"}, 
{"id":4,"title":"Something Else"} 
]

我當時很有趣在上面構建一個可以稍後提交給服務器的表單。

<div> 
    <label>Jumping</label> 
    <select name="1"> 
     <option></option> 
     <option value="1">XXX</option> 
     <option value="2">YYY</option> 
     <option value="3">ZZZ</option> 
    </select> 
</div> 
<div> 
    <label>Skipping Rope</label> 
    <select name="2"> 
     <option></option> 
     <option value="1">XXX</option> 
     <option value="2">YYY</option> 
     <option value="3">ZZZ</option> 
    </select> 
</div> 
....

來源

2017-06-12 AnApprentice

無關，與Redux的形式。你的語法是無效的JSX。試試'name = {'talent_id ['+ field.talent_id +']'}'。請參閱https://facebook.github.io/react/docs/introducing-jsx.html#specifying-attributes-with-jsx。 –

[如何在反應渲染函數中創建動態href？]（https://stackoverflow.com/questions/31567729/how-to-create-dynamic-href-in-react-render-function） –

如果您是使用使用ES5，只是這樣的：

<Field 
     name={`talent_id[${field.talent_id}]`} 
     component={renderField} 
     field={field} 
    />

來源

2017-06-12 01:09:26

Redux形式，如何將字段名稱設置爲動態字符串？

回答

相關問題