我是新的React,我有一个问题,我没有找到任何解决方案后,搜索。
当我把html标签的数组存储在变量中时,我得到minified React error #31
var k = [1,2,3];
var x = k.map(e=><li>{e}</li>);
var e = (
<div>
<ul>
{1 && {x}}
<ul>
</div>
);
var divTag = document.getElementById("k");
ReactDOM.render(e,divTag)
但是当我写这篇文章的时候,我没有得到任何错误。
var k = [1,2,3];
var x = k.map(e=><li>{e}</li>);
var e = (
<div>
<ul>
{1 && k.map(e=><li>{e}</li>)}
<ul>
</div>
);
var divTag = document.getElementById("k");
ReactDOM.render(e,divTag)
2条答案
按热度按时间8yparm6h1#
您需要删除
x
变量{1 && {x}} -> {1 && x}
两边的大括号您将定义一个包含键
x
的新对象,而不是仅传递数组以进行Reactwgxvkvu92#
解决方案
将
{1 && {x}}
替换为{1 && x}
因为您已经将
x
Package 到大括号中,所以会出现呈现错误(您希望提供数组)。