title: How can show the input field on toggle?
body: <p>I want to show the input field on toggling. The toggling is working but it is not showing the input field. How can I achieve this? I've tried but that is not showing the input field.</p>
  <h2>Here's the code:</h2>
  <pre><code> handleToggle=()=&gt;{
          console.log('In handletoggle')
          this.setState({
              milestone_based_payment:!this.state.milestone_based_payment
          })
      }
  
      percentRate=()=&gt;{
          &lt;&gt;
          &lt;div className=&quot;percent-rate-container&quot;&gt;
              &lt;Grid container&gt;
                  &lt;Grid item md={12} lg={12} xs={12}&gt;
                          &lt;div className=&quot;percent-rate&quot;&gt;PERCENT RATE&lt;/div&gt;
                              &lt;div&gt;
                                  &lt;InputBase
                                  className={`milestone-percent-rate`}
                                  autoComplete={&quot;off&quot;}
                                  placeholder={&quot;PERCENT RATE&quot;}
                                  maxLength=&quot;100&quot;
                                  value={this.state.percent_rate}
                                  onChange={(e)=&gt;{this.handleChange(e, &quot;percent_rate&quot;)}}
                              /&gt;
                              {
                                  this.state.percent_rate_error &amp;&amp; (
                                      &lt;div className=&quot;input-error-style&quot;&gt;{this.state.percent_rate_error}&lt;/div&gt;
                                  )
                              }
                              &lt;/div&gt;
                  &lt;/Grid&gt;
              &lt;/Grid&gt;
          &lt;/div&gt;
          &lt;/&gt;
      }
  
      togglePayment=()=&gt;{
          const {milestone_based_payment} = this.state;
          console.log('togglepayment')
          return(
              &lt;div&gt;
                  &lt;img src={milestone_based_payment ? PRIVATE_SwITCH : PUBLIC_SwITCH} alt=&quot;private-public&quot; 
                      onClick={()=&gt;this.handleToggle()}
                      style={{cursor: &quot;pointer&quot;}}/&gt; 
              &lt;/div&gt;
          );
      }
  </code></pre>