title: Toggle boolean on state in react
body: <p>I feel like I've done it correctly but the state is not being toggled. My state doesn't change to true when the checkbox is checked. </p>
  
  <pre><code>export default class Room extends React.Component {
  
      constructor(props) {
          super(props);
  
          this.state = {
             isChecked: false
          };
  
          this.toggleChecked = this.toggleChecked.bind(this);
      }
  
   toggleChecked() {
          this.setState({ isChecked: !this.state.isChecked });
      }
  
   selectAllRooms(){
          if(this.state.isChecked === true){
             //do smth; 
          }else{
             //do smth;
      }
  
  render() {
      return (
         &lt;Modal.Footer&gt;
              &lt;Checkbox onChange={this.toggleChecked}&gt; Select All Rooms &lt;/Checkbox&gt;
         &lt;Modal.Footer&gt; 
    )
   }
  )
  </code></pre>