Javascript 如何将particles.js与react一起使用
当我使用particles.js时,我需要将Javascript 如何将particles.js与react一起使用,javascript,html,reactjs,Javascript,Html,Reactjs,当我使用particles.js时,我需要将id=“particles js”放在index.html的div上。但是我已经有了一个id属性(id=“root”),在这里我呈现我的App.js。在index.js中,将应用程序呈现为id=“root”,我将document.getElementsById('root'))更改为document.getElementsByClassName('root')),但它不起作用。我怎样才能做到这一点呢 在index.html中 <div id="p
id=“particles js”
放在index.html的div上。但是我已经有了一个id属性(id=“root”
),在这里我呈现我的App.js。在index.js中,将应用程序呈现为id=“root”
,我将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();
ReactDOM.render(,
document.getElementsByClassName('root');
serviceWorker.unregister();
(我一直在导入工作所需的所有文件…如果我将
id=“particles js”
放在另一个div中,它会工作,但我需要将它与“root”
一起使用来呈现我的应用。)文档。getElementsByClassName('root')将返回一个数组。
您可以尝试:document.getElementsByClassName('root')[0]
。
但是你必须保证只有一个名为root的类名。你不能把particles div放在root div里面吗?使用两个
元素<代码>@Colin@Dan,tnks:)您可以使用Particle.js,但我会使用。这是particles.js的一个版本,在React中更容易使用。您可以找到该用法的演示。我使用了
,感谢您的帮助:)