javascript - ReactJS 中的 jQuery 包装等价物

Question

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>

Answer 1

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

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

并使用它

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