lib/components/AudioPlayer/index.js

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

src/components/AudioPlayer/index.js

   componentDidMount() {
     if (this.player) {
       const { src } = this.props;
-      this.player.oncanplay = event => {
-        console.log(event, 1111);
+      this.player.oncanplay = event =>
         this.setState({ duration: event.target.duration });
-      };
-      this.player.onended = event => {
-        console.log(event, 2222);
+      this.player.onended = () =>
         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.player.onpause = () =>
+        this.setState({ isPlaying: false, isLoading: false });
+      this.player.onplay = () =>
+        this.setState({ isPlaying: false, isLoading: true });
+      this.player.onplaying = () =>
         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 => {
-        console.log(event, 1111);
+      this.player.oncanplay = event =>
         this.setState({ duration: event.target.duration });
-      };
-      this.player.onended = event => {
-        console.log(event, 2222);
+      this.player.onended = () =>
         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.player.onpause = () =>
+        this.setState({ isPlaying: false, isLoading: false });
+      this.player.onplay = () =>
+        this.setState({ isPlaying: false, isLoading: true });
+      this.player.onplaying = () =>
         this.setState({ isPlaying: true, isLoading: false });
-      };
       this.player.ontimeupdate = event =>
         this.setState({ currentDuration: event.target.currentTime });
       this.player.src = this.props.src;
         });
       }
       this.player.play();
-      this.setState({
-        isLoading: true
-      });
     }
   }