时间戳

首页 > 解决方案 > ReactJS 中的 jQuery wrap 等价物

javascript - ReactJS 中的 jQuery wrap 等价物

问题描述

ReactJS 中是否有任何等效的 jQuery 包装？

我正在尝试menuContents用下面的元素包装

<ul className="nav nav-pills nav-stacked"></ul>

menuContents像这样填充

let menuContents = this.state.menu.map((menu)=> 
        <li>
          {menu}
        </li>

我正在寻找一个功能（如果有的话）

menuContents.wrap(<ul className="nav nav-pills nav-stacked"></ul>);

所以回报是

<ul className="nav nav-pills nav-stacked">
   <li>
     One
   </li>
   <li>
     Two
   </li>
</ul>

标签： javascriptjqueryreactjs

解决方案

据我所知，React 中没有这样的东西，但是您可以使用轻松编写自己的insertBefore()

function myWrap(element, wrapper) {
    element.parentNode.insertBefore(wrapper, element);
    wrapper.appendChild(element);
}

并使用它

let wrapper= document.createElement('div');
myWrap(myElement, wrapper);

推荐阅读