title: How can I update a paragraph tag in REACT when an input field is changed?
body: <p>I would like the paragraph tag to update the number of characters being typed into the input.  My handler prints the correct length into the console so that part works.  Here is what I have so far:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="true">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>class App extends Component {
  
    textLengthHandler = (event) =&gt; {
      let length = 0;
      if (event) {
        length = event.target.value.length
      };
      console.log("length is " + length);
      return length;
    }
  
    render() {
      return (
        &lt;div className="App"&gt;
          &lt;input type='text' onChange={this.textLengthHandler} value={this.text}/&gt;
          &lt;p&gt;length is {this.textLengthHandler()}&lt;/p&gt;
        &lt;/div&gt;
      );
    }
  }
  
  export default App;</code></pre>
  </div>
  </div>
  </p>