title: How can i render my function in React ? I can't render this
body: <p>Function holding the ternary syntax and I can't able to render the content of the <code>newElement</code> function.</p>
  <p>Used variables:</p>
  <p><code>test1 = 1;</code>
  <code>IstestString = true;</code></p>
  <p>Render functions:</p>
  <pre><code>newElement = () =&gt; this.test1 === 1
    ? &lt;h1&gt;test is one&lt;/h1&gt;
    : &lt;h1&gt;test is not one &lt;/h1&gt;;
  
  render() {
    return (
       &lt;div className='App'&gt; 
         &lt;p style={style}&gt;{this.newElement}&lt;/p&gt;    
       &lt;/div&gt;
    );
  }
  </code></pre>
  <p>Someone can help me to find the problem here, please?</p>