将 react-particles-js 更改为 react-tsparticles 的步骤

由于react-particles-js库已过时,我们进行了更改,使用了react-tsparticles库。以下是更改的简洁总结方法。


卸载 react-particles-js。

$ npm uninstall react-particles-js

安装 react-tsparticles (版本1.43.1)

由于最新的v2版本无法显示,所以选择了v1.43.1版本。

$ npm i react-tsparticles@1.43.1

将’import Particles from ‘react-tsparticles”替换为:引入Particles from ‘react-tsparticles’。

将所有的“import Particles from ‘react-particles-js’”替换为“import Particles from ‘react-tsparticles’”。

-import Particles from 'react-particles-js'
+import Particles from 'react-tsparticles'

增加选项设置

如果想要仅在容器内应用react-tsparticles,可以在参数中添加以下选项设置,因为它默认会应用于整个页面。

{
# 他のオプション ,
"fullScreen": {
"enable": false
},
# 他のオプション ,
}

你只需要一个选项,来用中文本地化地改写以下内容:おまけ。

我会给你介绍一些关于Particle演示的链接。
在下面的网站上,有多种操作可以进行,但在1版中可能无法正常工作。

 

bannerAds