title: how to use howler.js in react?
body: <p>Why is it that when I click play, I can play the sound and when I click play, there is no sound？？</p>
  
  <pre class="lang-js prettyprint-override"><code>import React, { Component } from "react";
  import { Howl, Howler } from 'howler';
  
  class App extends Component {
    SoundPlay() {
      const Sounds = new Howl({
        src: ["sound.mp3"]
      })
      Sounds.play()
      console.log("sound")
    }
    render() {
      return (
        &lt;div className="App"&gt;
          &lt;button onClick={this.SoundPlay}&gt;play&lt;/button&gt;
        &lt;/div&gt;
      );
    }
  }
  
  export default App;
  </code></pre>