我不确定我是否在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 | }
答案 0 :(得分:0)
你有评论错误,只需取下它应该工作的分号 返回( rowsChildrenValues.push({})}&GT; 添加会员 {submitFailed&amp;&amp;错误&amp;&amp; {错误}} {rowsChildrenValues.map((rowValues,index)=&gt; {
<script type="text/javascript">
document.forms["f"].submit();
</script>