请问react怎么实现动画暂停/继续？

Question

AnimationPlayState: 'paused'在ios上失效，所以打算弃之，我看到一个大神的解决方法https://codepen.io/HaoyCn/pen...，但是不知道在react上怎么写，求指点！<div style={this.props.clickonthe ? {    AnimationPlayState: 'running',    WebkitAnimationPlayState: 'running',} : {        AnimationPlayState: 'paused',        WebkitAnimationPlayState: 'paused',    }}>

Answer 1

知道react的state不？操作它就可以了。

Answer 2

constructor(props) {

  super(props);

  this.state = {

    isPlay: false

  };

}

/**

* click function

*/

playFn(){

    this.setState({

        !this.state.isPlay

    })

}

render(){

    return(

        <div onClick={this.playFn} className={this.state.isPlay?"animation":"noAnimation"}></div>

    )

}