title: React JS: React Voice to Text Recognition
body: <p>I am new to React JS. I am implementing <strong>React Voice to text</strong> for an input box. I am using <a href="https://www.npmjs.com/package/react-speech-recognition" rel="nofollow noreferrer">React Voice to Text</a> plugin for my work. somehow it doesn't work for me.</p>
  
  <p>Is there any other library or plugin which can be helpful to me?</p>
  
  <p>I have tried the below code.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React, { PropTypes, Component } from 'react'
  import SpeechRecognition from 'react-speech-recognition'
  
  
  const propTypes = {
    // Props injected by SpeechRecognition
    transcript: PropTypes.string,
    resetTranscript: PropTypes.func,
    browserSupportsSpeechRecognition: PropTypes.bool
  }
  
  
  class Dictaphone extends Component {
    render() {
      const { transcript, resetTranscript, browserSupportsSpeechRecognition } = this.props
  
      if (!browserSupportsSpeechRecognition) {
        return null
      }
  
      return (
        &lt;div&gt;
          &lt;button onClick={resetTranscript}&gt;Reset&lt;/button&gt;
          &lt;span&gt;{transcript}&lt;/span&gt;
        &lt;/div&gt;
      )
    }
  }
  
  
  Dictaphone.propTypes = propTypes
  
  export default SpeechRecognition(Dictaphone)</code></pre>
  </div>
  </div>
  </p>
  
  <p>Any help would be great.</p>
  
  <p>Thank You.</p>