如何在 React 项目中使用 Particles.js？

Particles.js是一个无依赖、轻量级和响应式的 JavaScript 插件，用于灵活和反应性的粒子设计，看起来像这样。

我们可以使用 react-particles 在我们的 react 项目中添加 Particles.js。将此添加到您的 React 项目中肯定会吸引更多的观众。

1.安装过程：在终端运行以下命令安装Particles.js

• 对于 npm：

  npm install react-particles-js

• 对于纱线：

  yarn add react-particles-js

2. 导入包：在你的文件中导入包。要导入包，请粘贴以下代码：

import Particles from 'react-particles-js';

3. 渲染：在你的组件的渲染函数的返回里面添加元素。一些重要的道具是：

• 宽度：画布的宽度。
• 高度：画布的高度。
• 参数：要传递的参数。

例子：

// Complete React Code
import React from 'react';
import './App.css';
import Particles from 'react-particles-js';
   
function App() {
  return (
    

      By Ankit Bansal
      
   
    
  );
}
   
export default App;

4. 启动使用npm start命令启动 npm，你会得到一个非常吸引人的背景。

注意：添加 元素作为返回 div 中的最后一个元素。