fix

src/components/AudioPlayer/index.js

   componentDidMount() {
     if (this.player) {
       const { src } = this.props;
-      this.player.oncanplay = event =>
-        this.setState({
-          duration: event.target.duration
-        });
-      this.player.onended = () =>
-        this.setState({
-          isPlaying: false,
-          currentDuration: 0,
-          isLoading: false
-        });
-      this.player.onpause = () =>
-        this.setState({ isPlaying: false, isLoading: false });
-      this.player.onplaying = () =>
+      this.player.oncanplay = event => {
+        console.log(event, 1111);
+        this.setState({ duration: event.target.duration });
+      };
+      this.player.onended = event => {
+        console.log(event, 2222);
+        this.setState({ isPlaying: false, currentDuration: 0 });
+      };
+      this.player.onpause = event => {
+        console.log(event, 333);
+        this.setState({ isPlaying: false });
+      };
+      this.player.onplay = () => {
+        console.log(event, 5555);
+        this.setState({ isPlaying: true, isLoading: false });
+      };
+      this.player.onplaying = event => {
+        console.log(event, 4444);
         this.setState({ isPlaying: true, isLoading: false });
+      };
       this.player.ontimeupdate = event =>
         this.setState({ currentDuration: event.target.currentTime });
       this.player.src = src;
 
   componentDidUpdate(prevProps) {
     if (this.props.src !== prevProps.src) {
-      this.player.oncanplay = event =>
-        this.setState({
-          duration: event.target.duration
-        });
-      this.player.onended = () =>
-        this.setState({
-          isPlaying: false,
-          currentDuration: 0,
-          isLoading: false
-        });
-      this.player.onpause = () =>
-        this.setState({ isPlaying: false, isLoading: false });
-      this.player.onplaying = () =>
+      this.player.oncanplay = event => {
+        console.log(event, 1111);
+        this.setState({ duration: event.target.duration });
+      };
+      this.player.onended = event => {
+        console.log(event, 2222);
+        this.setState({ isPlaying: false, currentDuration: 0 });
+      };
+      this.player.onpause = event => {
+        console.log(event, 333);
+        this.setState({ isPlaying: false });
+      };
+      this.player.onplay = () => {
+        console.log(event, 5555);
+        this.setState({ isPlaying: true, isLoading: false });
+      };
+      this.player.onplaying = event => {
+        console.log(event, 4444);
         this.setState({ isPlaying: true, isLoading: false });
+      };
       this.player.ontimeupdate = event =>
         this.setState({ currentDuration: event.target.currentTime });
       this.player.src = this.props.src;