我的React组件渲染方法中有以下代码
render: function() {
return (
<div>
<div>div1</div>
<div>div2</div>
{this.getOtherDivs()}
</div>
);
},
getOtherDivs: function() {
return ([
<div>div3</div>,
<div>div4</div>
]);
},
但是,这两个div
div3
和div4
嵌套在单个数组中,而不是分开。当我为最上面的div做children.length时,我得到3而不是4。
我不想将最后两个div包装在一个封闭的div中。
最佳答案
尝试使用<React.Fragment />
。
getOtherDivs: function() {
return (
<>
<div>div3</div>
<div>div4</div>
</>
);
},
关于javascript - React要返回的组件的返回数组未正确嵌套,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/48507484/