title: Maxlength does not work React Js
body: <p>I have an input with React, but <code>maxlength</code> does not work. Does anyone know how to solve this?</p>
  
  <p>This is handleChangeInput</p>
  
  <pre><code> handleChangeInput(input) {
      this.setState({
          ...this.state,
          form: {
              ...this.state.form,
              [input.target.name]: input.target.value
          }
      })
  }
  </code></pre>
  
  <p>And this is my input:</p>
  
  <pre><code>&lt;div className="input-field col s12 m6 l6"&gt;
      &lt;input onChange={this.handleChangeInput} value={this.state.form.message} type="text" className="phone validate" name="phone" maxlength="11"/&gt;
      &lt;label for="telefone"&gt;Telefone&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/Ys4Lw.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Ys4Lw.png" alt="Code preview"></a></p>