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

Question

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

        <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，returns 天赋#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}
  />

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

Redux-form, how to set the Field name to a dynamic string?

javascript

reactjs

redux

redux-form