[英]how can i add an array of html tags to jsx
我是新来的反应,我有一个问题,我在搜索后没有找到任何解决方案。
当我将 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)
您需要删除x
变量{1 && {x}} -> {1 && x}
周围的花括号
您正在定义一个包含键x
的新 object 而不是仅传递数组以做出反应
解决方案
将{1 && {x}}
替换为{1 && x}
因为您已将x
包裹在花括号中,所以您遇到了渲染错误(您想提供数组)。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.