title: How can I print multiiple text areas when clicking on a button in reactjs
body: <p>Within my reactjs class component, I want to create a button that opens a new text area everytime I click on it (e.g., when I click 5 times on it, it should open 5 textareas). In the current result, it only opens a textarea ones.</p>
  <p>Thus, In a first step, I created a state with value 0 and create a function that should change the state:</p>
  <pre><code>// InitialState
    state = {
      value: 0,
    };
  
  onChange() {
      this.setState({
        value: this.state.value + 1,
      });
    }
  </code></pre>
  <p>In the next step, I rendered a button and created if-statements to show the textareas (which does not work):</p>
  <pre><code>render() {
      return (
        &lt;div&gt;
          &lt;IconButton onClick={this.onChange.bind(this)}&gt;
            &lt;AddCircleOutlineIcon /&gt;
          &lt;/IconButton&gt;
          &lt;br /&gt;
          {this.state.value &gt;= 1 ? this.showTextArea() : null}
        &lt;/div&gt;
      );
    }
  </code></pre>
  <p>And this is my showTextArea function:</p>
  <pre><code>showTextArea = () =&gt; {
      return (
        &lt;textarea
          placeholder={this.state.placeholder}
          value={this.state.value}
          onChange={this.onChange1.bind(this)}
          rows=&quot;2&quot;
          style={{ fontSize: &quot;18px&quot; }}
          onFocus={(e) =&gt; (e.target.placeholder = &quot;&quot;)}
          onBlur={(e) =&gt; (e.target.placeholder = this.state.placeholder)}
        /&gt;
      );
    };
  </code></pre>