Redux-form,如何将Field名称设置为动态字符串?

时间:2017-06-12 00:13:18

标签: javascript reactjs redux redux-form

Redux-form不允许我将Field名称设置为整数,因为它需要一个字符串...如何将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,返回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>
....

1 个答案:

答案 0 :(得分:1)

如果您使用ES5,就像这样:

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