React redux表单FieldArray.map()不起作用

时间:2018-01-23 20:16:24

标签: javascript reactjs react-redux redux-form

我正在尝试创建FieldArray。我是这样的:

<form>
  <FieldArray
    name="styles"
    component={this.renderStyles}
  />
</form>

然后:

renderStyles = (props) => {
  return(
    <ul>
    {props.fields.map((style, index) =>{
    console.log(style)
    return(
      <li key={style} className="field-item">
        <label>{style}</label>
        <Field
            name={`${style}`}
            component="input"
            type="checkbox"
        />
      </li>)
  }
)} 
</ul>
)}

我也像这样初始化FieldArray的值:

initialValues:{styles:[{style:'somestyle', img:'someimgurl'}]}

然而,renderStyles中的console.log(style)仅向我显示styles[0]字符串。无法获得该对象。我尝试了不同的方法。帮助皮尔!请:)

1 个答案:

答案 0 :(得分:0)

好的,没关系。经过几个小时的折磨后,props.fields.getAll()。map ......最后诀窍......但是它不是FieldArray中的一个错误吗?