reactjs - Wavesurfer 2.0 事件在 React 中的实现

Question

我一直在使用 Wavesurfer 2.0 在 React 中开发音频播放器。我可以创建 wavesurfer 实例并使用方法，但似乎无法使用事件。在下面的代码中，我正在检查正在播放的音频文件是否完成，当它完成时，console.log 部分工作，但是 setState 给出了这个错误：

TypeError：无法读取未定义的属性“setState”

    componentDidUpdate() {
        this.wavesurfer.on('finish', function () {
          console.log('Track Finished')
          this.setState({isPlaying : false})
        })
    }

有谁知道处理这个问题的正确方法？是否与尝试在 this.wavesurfer 中使用 this.setState 有关？

Answer 1

谢谢，供参考，这是更改：

    componentDidUpdate() {
        this.wavesurfer.on('finish',  () => {
            console.log('Track Finished')
            this.setState({isPlaying : false});
        })
    }