react项目引用json动画的实现

安装：npm install --save react-lottie

实现：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34

import { Component } from "react"; import ReactDOM from 'react-dom' import Lottie from 'react-lottie'; import animationData from './images/云_bmp.json'   class App extends Component {   constructor(props) {     super(props)     // 给this增加一个属性 state     this.state = {       defaultOptions: {         loop: true,         autoplay: true,         animationData: animationData,         rendererSettings: {           preserveAspectRatio: 'xMidYMid slice'         }       }     }   }   render() {     return (       <div>         <Lottie           options={this.state.defaultOptions}           height={400}           width={300}           isStopped={false}           isPaused={false} />       </div>     )   } } ReactDOM.render(<App/>, document.getElementById('root'))