请问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>
    )
}

Answer 3

最后按这个来的，还可以。
https://jsfiddle.net/shy2850/...