我的React组件渲染方法中有以下代码

render: function() {
    return (
       <div>
           <div>div1</div>
           <div>div2</div>
           {this.getOtherDivs()}
       </div>
    );
},

getOtherDivs: function() {
   return ([
       <div>div3</div>,
       <div>div4</div>
   ]);
},


但是,这两个div div3div4嵌套在单个数组中,而不是分开。

当我为最上面的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/

10-11 22:16
查看更多