我制作了一个音频播放器，一个按钮可以播放和暂停。如果playing为假，这应该执行播放操作，如果playing为真，则将暂停。

我不确定这是不是因为在 React 中思考对我来说仍然不是 100% 自然，但我不知道如何做到这一点。

任何人都可以指出我正确的方向吗？

请在下面查看我的代码。

var Player = React.createClass({

   getInitialState: function(){
       return{
           songs:[],
           playing: false
       }
   },

   audio: new Audio,

   playSong: function(){
       this.setState({playing = true});
       this.audio.src = this.state.songs[this.props.song];
       this.audio.play();
   },

   pauseSong: function() {
       this.setState({playing = false});
       this.audio.pause();
   },

  render: function(){
      return(
        <p onClick={...}>Play/Pause<p/>
      )
  }

我想我可以创建另一个函数来切换播放和暂停，如下所示。这是最好的方法吗？

togglePlayPause:function() {
    if(this.state.playing === false) {
        this.playSong();
    }else {
        this.pauseSong();
    }
},
render: function(){
      return(
        <p onClick={this.togglePlayPause}>Play/Pause<p/>
      )
  }