Реализация событий Wavesurfer 2.0 в React

Question

Я работал над аудиоплеером в React, используя Wavesurfer 2.0. Я могу создать экземпляр waveurfer и использовать методы, но не могу использовать события. В приведенном ниже коде я проверяю завершение воспроизведения аудиофайла, и когда это происходит, часть console.log работает, но затем setState выдает эту ошибку:

TypeError: Невозможно прочитать свойство 'setState' из неопределенного

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

Кто-нибудь знает правильный способ справиться с этим? Связано ли это с попыткой использовать this.setState внутри this.wavesurfer?

Answer 1

Спасибо, для справки это было изменение:

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