WrapAll不会在反应中工作

Question

$('p').wrapAll($('<div class="wrapper"></div>'));

.wrapper {
    background: #EEE;
    margin: 10px;
    padding: 5px;
    border: 1px solid black;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>Test</p>

我们应该如何在反应中做同样的事情！?? 如果我做这样的事情我会收到错误信息 wrapall不是func

Answer 1

与提到的评论者一样，如果您正在使用两者进行DOM操作，那么您不应该真正使用jQuery和React。话虽如此，对于jQuery，您应该删除$(...)周围的<div class="wrapper"></div>，如下所示：

$('p').wrapAll('<div class="wrapper"></div>');

另外，请确保您正在键入wrapAll而不是wrapall。如果你想在React中做同样的事情，那取决于组件的整体结构。如果没有某些背景，我们无法提出其他建议。我无法想到一个原因，你需要在它已经被渲染之后包装一个元素，而不是首先将它包装在你的组件render()中。