title: I'm getting an error using React: "Invalid DOM property `for`. Did you mean `htmlFor`"
body: <p>I'm creating a simple CRUD app using React for my front-end, and I'm having trouble with this error:</p>
  <pre><code>app.js:21988 Warning: Invalid DOM property `for`. Did you mean `htmlFor`?
  </code></pre>
  <p>Here's my code:</p>
  <pre><code>import React, { Component } from 'react';
  import axios from 'axios';
  
  export default class Add extends Component {
  
      constructor()
      {
          super();
          this.state={
              blogs_name:''
  
          }
      }
  
  
      render() {
          return (
              &lt;div&gt;
                  &lt;form&gt;
                       &lt;div className=&quot;form-group&quot;&gt;
                          &lt;label for=&quot;blogs_name&quot;&gt;Title&lt;/label&gt;
                          &lt;input
                              type=&quot;text&quot;
                              className=&quot;form-control&quot;
                              id=&quot;blogs_name&quot; 
                              value={this.state.blogs_name} 
                          /&gt;
                      &lt;/div&gt;
                      &lt;button type=&quot;submit&quot;&gt;Submit&lt;/button&gt;
                  &lt;/form&gt;
              &lt;/div&gt;
          );
      }
  }
  </code></pre>
  <p>I assume that it has to do something with the <code>for</code> property in my label.</p>
  <p>Any help is appreciated.</p>