【发布时间】:2019-03-24 22:14:32
【问题描述】:
当我使用 particles.js 时,我需要将id="particles-js" 放在我的 index.html 的 div 上。但我已经有一个 id 属性 (id="root"),我在其中呈现我的 App.js。在 index.js 中,在 id="root" 中渲染 App,我将 document.getElementsById('root')) 更改为 document.getElementsByClassName('root')),但它不起作用。我该怎么做才能让它发挥作用?
在 index.html 中
<div id="particles-js" class="root"></div>
在 App.js 中:
ReactDOM.render(<App />,
document.getElementsByClassName('root'));
serviceWorker.unregister();
(我一直在导入工作所需的所有文件……如果我将 id="particles-js" 放在另一个 div 中,它可以工作,但我需要将它与 "root" 一起使用来渲染我的应用程序。)
【问题讨论】:
-
你不能把粒子 div 放在根 div 里面吗?
-
使用两个
<div>元素。<body><div id="root"></div> <div id="particles-js"></div> </body> -
@Colin@Dan, tnks :)
-
你可以使用 Particle.js,但我会使用 react-particles-js。这是一个更易于在 React 中使用的particles.js 版本。你可以找到here的用法演示。
标签: javascript html reactjs