我最近了解了 Particle.js 并想在我的 Reactjs 应用程序中使用它。

我使用下面提到的命令安装了它：-

npm install react-particles-js

并且安装成功。我在 node-modules 文件夹中检查了它，发现它已正确安装。

现在，来了 App.js

import React from 'react';
import Navigation from './components/Navigation'
import {BrowserRouter as Router,Route} from 'react-router-dom'
import * as ROUTES from './constants/routes'
import Landing from './components/Landing'
import Home from './components/Home'
import SignIn from './components/SignIn'
import SignUp from './components/SignUp'
import PasswordForget from './components/PasswordForget';
import Particles from 'react-particles-js';
function App() {
  return (
    <div className="App">
      <Router>
        <Particles></Particles>
         <Navigation />
         <Route exact path={ROUTES.HOME} component={Home} />
         <Route path={ROUTES.SIGN_IN} component={SignIn} />
         <Route path={ROUTES.SIGN_UP} component={SignUp} />
         <Route path={ROUTES.LANDING} component={Landing} />
         <Route path={ROUTES.PASSWORD_FORGET} component={PasswordForget} />
      </Router>
    </div>
  );
}

export default App;

这是输出的样子

另外，我希望 Particles-js 像一个合适的背景一样工作。因此，它也包含在登录、注册和主页组件中。

请帮我。我尝试在里面添加参数，它仍然不起作用。