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

Question

Redux-form不允許我將字段名稱設置為整數，因為它需要一個字符串...如何將Redux-form字段名稱設置為API可以用來記錄每個人才選擇的用戶選項的內容。

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

這不起作用，我收到Syntax error: Unexpected token帶有+ Syntax error: Unexpected token

人才網

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

我的API，返回Talents＃Index像這樣：

[
 {"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>
....

Answer 1

如果您正在使用ES5，則就像這樣：

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