WrapAll不能在react中工作

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>

​

我们应该如何做出同样的反应呢？如果我这样做，我得到的是错误msg wrapall不是func

Answer 1

就像上面提到的注释一样，如果您同时使用DOM操作，您不应该真正使用jQuery并共同作出反应。尽管如此，对于jQuery，您应该删除<div class="wrapper"></div>周围的$(...)，如下所示：

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

还要确保输入的是wrapAll而不是wrapall。如果你想做同样的反应，这在某种程度上取决于你的组件的整体结构。没有一些背景，我们就不能提出更多的建议。我真的想不出为什么您需要在元素已经呈现之后包装它，而不仅仅是将它包装在组件的render()中。