如何点击开始→暂停，点暂停→继续，然后一直继续← →暂停

Question

**点击开始后div里显示暂停，然后点暂停显示继续，一直继续← →暂停之间切换了。
按这个思路来页面是不更新渲染的，所以....有没有针对react的方法**

Answer 1

class Random extends React.Component{
    constructor(props) {
        super(props);
        this.state = {
          player: '开始滚动'
        }
    }

    started = () => {
        if(this.state.player === '暂停'){
            this.setState({player: '继续'})
            //一些点击事件            
        } else {
            this.setState({player: '暂停'})
            //一些点击事件
        }
    }

    render() {
        return  (
            <div onClick={this.started} >{this.state.player}</div>
        )
    }
}

export default Random

Answer 2

定义个全局变量，比如：mark = 0，每点击一次值加1
每次点击的时候 根据mark的值来决定动作。
第一次：0，开始，然后 +1
此后：mark % 2 如果 等于1，就暂停，如果等于0，就继续