如何从react-particles-js正确迁移至react-tsparticles-js？

• 卸载旧依赖包
  执行命令移除废弃的react-particles-js：

  npm uninstall react-particles-js
  # 或使用 yarn
  yarn remove react-particles-js
  

• 安装新依赖包
  安装官方推荐的替代包react-tsparticles及核心依赖tsparticles：

  npm install react-tsparticles tsparticles
  # 或使用 yarn
  yarn add react-tsparticles tsparticles
  

• 修改组件导入语句
  将原代码中导入Particles组件的语句替换为：

  import Particles from 'react-tsparticles';
  // 或使用命名导入
  import { Particles } from 'react-tsparticles';
  

• 调整组件配置参数
  旧包使用params传递配置，新包改为options属性，基础配置结构大部分兼容，示例修改如下：
  旧代码：

  <Particles
    params={{
      particles: {
        number: { value: 80 },
        size: { value: 3 }
      }
    }}
  />
  

  修改后：

  <Particles
    options={{
      particles: {
        number: { value: 80 },
        size: { value: 3 }
      }
    }}
  />
  

  若使用了自定义粒子形状、动画等高级配置，需对照tsparticles配置规范调整部分参数名称或结构。

• 本地验证与部署
  运行npm start（或yarn start）测试粒子效果是否正常，确认无报错后，推送修改至GitHub仓库，Netlify将自动重新构建部署。

内容的提问来源于stack exchange，提问作者Spraggins Designs