title: how to display the result in paragraph with react js
body: <p>How can I display the result, now in the code below I only export it to the console but I want it in the browser in a paragraph or other tag. I know this is a stupid question (maybe) but I'm new to <code>React</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, { Component, useState, useEffect } from 'react';
  
  class App extends React.Component{
    constructor(props){
      super(props)
  
      this.state = {
        input: 0
      }
    }
   
    handleChange(e){
      this.setState({input: e.target.value})
    }
  
    handleSubmit(e){
      e.preventDefault()
      let value = eval(this.state.input)
      console.log(value)
     
      
    }
  
    render(){
      return(
          &lt;div&gt;
          &lt;form onSubmit={(e) =&gt; this.handleSubmit(e)}&gt;
            &lt;input type="text " onChange={(e) =&gt; this.handleChange(e)}/&gt;
            &lt;button&gt;Send&lt;/button&gt;
          &lt;/form&gt;
          &lt;/div&gt;
        )
    }
  }
  
  export default App;</code></pre>
  </div>
  </div>
  </p>