這是原始的 HTML:
<div class="chat">
<div class="uploadArea">
...
</div>
<section class="title">
...
</section>
<div class="content">
...
</div>
</div>
我想在title和之間渲染一個組件content。我怎樣才能做到這一點?
ReactDOM.render(Component, document.getElementsByClassName("chat")[0]);
真的不行,對吧?
uj5u.com熱心網友回復:
創建一個可以用作反應應用程式容器的元素。將創建的元素插入到您想要的位置,如本例after中的.title元素。
ReactDOM.render然后在呼叫中使用創建的元素。
const reactContainer = document.createElement('div');
const target = document.querySelector('.chat .title');
target.after(reactContainer);
ReactDOM.render(Component, reactContainer);
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/468439.html
標籤:javascript html 反应 dom
