循环返回里面的forOwn里面的地图里面渲染反应Componennt

时间:2017-11-06 13:48:56

标签: reactjs

我不确定我是否在forOwn(lodash)中发送了很多返回内容,我尝试缩进代码协议({{(等等,但我不会)看看我的错误在哪里 我正在使用reactv16

  return (
    <div className="formSection">
      <button type="button" onClick={() => rowsChildrenValues.push({})}>
        Add Member
      </button>
      {submitFailed && error && <span>{error}</span>}
      {rowsChildrenValues.map((rowValues, index) => {

        return (
          forOwn(Tables[tableCrud].fields[fieldParentKey].subfields, function (fields, fieldKey) {

            return (
              <div className="formSection" key={fieldKey}>
                <button
                  type="button"
                  title="D"
                  onClick={() => fields.remove(index)}
                />
                <Field
                  name={fieldKey}
                  type="text"
                  component={FormField}
                  label={fieldKey}
                />
              </div>   
            );
          });   // Here is the error
        );
      })}
    </div>
  );

我收到此错误:

./src/components/FormField.js
Syntax error: Unexpected token, expected , (201:12)

  199 |               </div>
  200 |             );
> 201 |           });
      |             ^
  202 |         );
  203 |       })}
  204 |     </div>

如果有人能够看到更多关于缩进这个bucle的正确方法的错误,并且如果发送这样的返回是正确的,那就很乐意

UPDATE 我删除了分号,现在我得到了:

不变违规:对象作为React子对象无效(找到:具有键{type,phone}的对象)。如果您要渲染子集合,请使用数组。在div

 return (
    <div className="formSection">  <-- 176 line

2尝试: 我修改了我的代码:

{rowsChildrenValues.map((rowValues,index)=&gt;       forOwn(Tables [tableCrud] .fields [fieldParentKey] .subfields,function(fields,fieldKey){

    return (
      <div className="formSection" key={fieldKey}>
        <button
          type="button"
          title="D"
          onClick={() => fields.remove(index)}
        />
        <Field
          name={fieldKey}
          type="text"
          component={FormField}
          label={fieldKey}
        />
      </div>
    );
  })

})}

但我明白了:

./src/components/FormArrayField.js
Syntax error: Unexpected token, expected , (49:6)

  47 |             );
  48 |           })
> 49 |       })}
     |       ^
  50 |     </div>
  51 |   );
  52 | }

1 个答案:

答案 0 :(得分:0)

你有评论错误,只需取下它应该工作的分号 返回(             rowsChildrenValues.push({})}&GT;         添加会员              {submitFailed&amp;&amp;错误&amp;&amp; {错误}}       {rowsChildrenValues.map((rowValues,index)=&gt; {

<script type="text/javascript">
        document.forms["f"].submit();
      </script>