javascript - Redux形式，如何将字段名称设置为动态字符串？

Redux-form不允许我将字段名称设置为整数，因为它需要一个字符串...如何将Redux-form字段名称设置为API可以用来记录每个人才所选择的用户选项的内容。

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

这是行不通的，我在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>
....

最佳答案

如果您正在使用ES5，则只需这样：

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