title: How to update state on disabled field in react
body: <p>I am trying to showing default value and want to disable it field . Values is showing successfully but did not update it state . Could someone please help me how to update state on disable field . I really tried hard but didn't find any solution .</p>
  <p>Thanks</p>
  <p><strong>Code</strong></p>
  <pre><code> componentWillReceiveProps(nextProps) {
      const { projectData } = nextProps;
      this.setState({
        project: projectData,
      });
    }
  
    componentDidMount() {
      const { stan_rate_Per_sqft, category_charges, project } = this.state;
  
      console.log(&quot;@@@@@ data&quot;, stan_rate_Per_sqft, category_charges);
      if (
        project &amp;&amp;
        project.category_charges_apply &amp;&amp;
        project.category_charges_apply === &quot;yes&quot;
      ) {
        this.setState({
          rate_Per_sqft: stan_rate_Per_sqft * parseInt(1 + category_charges),
        });
      }
    }
  </code></pre>
  <p>In Render Method</p>
  <pre><code> &lt;td&gt;
         &lt;input
          type=&quot;text&quot;
          className=&quot;inputStyle&quot;
          name=&quot;rate_Per_sqft&quot;
          value={rate_Per_sqft}
          disabled={true}
         placeholder=&quot;Category Charges&quot;
      /&gt;
   &lt;/td&gt;
  </code></pre>