react-particles-js 背景粒子效果的实现

1 安装

$ cnpm install --save react-particles-js

2 使用

import Particles from 'react-particles-js';

class App extends Component {

    render() {
        return (
              <Particles
                    params={{
                        "particles": {
                            "number": {
                                "value": 50
                            },
                            "size": {
                                "value": 3
                            }
                        },
                        "interactivity": {
                            "events": {
                                "onhover": {
                                    "enable": true,
                                     "mode": "repulse"
                                }
                            }
                        }
                   }}
              />
        );
    }
}

参考：http://npm.taobao.org/package/react-particles-js