Javascript 如何将particles.js与react一起使用

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

当我使用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="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中更容易使用。您可以找到该用法的演示。我使用了
,感谢您的帮助:)