title: Failed prop type: You provided a `checked` prop to a form field without an `onChange` handler
body: <p>I have Candidate list as a parent and Candidate as a child.
  On Candidate list there is a Select All input so i bind function to it to set state if candidates are being selected and passing that state to child.
  That one part works but those inputs are not mutable by itself just by parent Select All can be changed.</p>
  
  <p><strong>This is what does it looks like:</strong>
  <a href="https://i.stack.imgur.com/IsZ1X.png" rel="noreferrer"><img src="https://i.stack.imgur.com/IsZ1X.png" alt="enter image description here"></a></p>
  
  <p><strong>CandidateList Component(Parent):</strong></p>
  
  <pre><code>class CandidateList extends React.Component {
    constructor(props) {
      super(props);
      this.state = {
        candidateList: null,
        candidateSelected: false
      }
    }
  
    onSelectCandidatesClick() {
      this.setState({
        candidateSelected: !this.state.candidateSelected
      });
    }
  
   render() {
      return (
        &lt;div className="CandidateList"&gt;
          &lt;div className="__selection"&gt;
            &lt;input className="checkbox" type="checkbox" id="selectAll" onClick={() =&gt; this.onSelectCandidatesClick()}/&gt;
            &lt;label htmlFor="selectAll"&gt;&lt;span id="__label"&gt;Select All&lt;/span&gt;&lt;/label&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      );
    }
  }
  </code></pre>
  
  <p><strong>Candidate Component(Child):</strong></p>
  
  <pre><code>class Candidate extends React.Component {
    constructor(props) {
      super(props);
      this.state = {
        candidateSelected: false
      }
    }
  
    componentWillReceiveProps(nextProps) {
      this.setState({
        candidateSelected: nextProps.selectCandidate
      });
    }
  
    render() {
      return (
        &lt;div className="Candidate"&gt;
          &lt;div className="__select"&gt;
            &lt;input className="checkbox" type="checkbox" id="candidate" data-candidate-id={this.props.candidateData.id} checked={this.state.candidateSelected} /&gt;
            &lt;label htmlFor="candidate"&gt;&lt;/label&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      );
    }
  }
  </code></pre>
  
  <p>Thanks for all suggestions and help.</p>