基本上,我会尝试在我的react项目中使用tsparticles JSON文件,我从https://particles.js.org/导出。但它不工作。
fykwrbwg1#
我在我的项目中使用了particle js,在我的项目中,我做了一个单独的组件,并在主组件中像App.js一样调用此组件而且我已经把JSON文件做成了API,如果你想把JSON文件做成API或者也可以直接调用这个API。
import React from "react"; import Particles from "react-tsparticles"; import { loadFull } from "tsparticles"; const ParticleAnimation = () => { const particlesInit = async (main) => { console.log(main); await loadFull(main); }; const particlesLoaded = (container) => { console.log(container); }; return ( <div> <Particles id="tsparticles" url={YOUR_JSON_FILE_LINK_HERE} init={particlesInit} loaded={particlesLoaded} /> </div> ); }; export default ParticleAnimation;
1条答案
按热度按时间fykwrbwg1#
我在我的项目中使用了particle js,在我的项目中,我做了一个单独的组件,并在主组件中像App.js一样调用此组件
而且我已经把JSON文件做成了API,如果你想把JSON文件做成API或者也可以直接调用这个API。