title: react-switch-button can NOT updated by setState
body: <p>i am newbie in React and recently kick start learning and playing around some third-party components. One trying is (<a href="http://gfazioli.github.io/react-switch-button/#demo" rel="nofollow noreferrer">http://gfazioli.github.io/react-switch-button/#demo</a>)</p>
  
  <p>Thus, very soon encounter a silly problem (may be just i can't figure it out how). On below sample, i just can't update the SwitchButton to false state to true. Suppose i try using the button click to trigger the update on SwitchButton but i can't just make it work.</p>
  
  <p>The 'checked' property is String type, tried ('true'|'false'|'checked'|'') or even getting bk to use Boolean but still NO luck, also can NOT see any other property that it could trigger an update on SwitchButton</p>
  
  <p>Grateful if anyone could help a newbie. Many Thanks</p>
  
  <pre><code>import React from 'react'
  import SwitchButton from 'react-switch-button'
  import 'react-switch-button/dist/react-switch-button.css'
  
  export default class Demo extends React.Component {
    constructor() {
      super();
      this.state = {
        testChecked: 'false'
      };
  
      this.onButtonClick = this.onButtonClick.bind(this);
    }
  
    componentDidMount() {
      console.log(this.state.testChecked)
    }
  
    onButtonClick(){
      this.setState({
        testChecked: 'true'
      });
      console.log(this.state.testChecked);
    }
  
    render() {
      return(
          &lt;div&gt;
            react-switch-button
            &lt;br/&gt;&lt;br/&gt;
            &lt;input type='button' value='click' onClick={this.onButtonClick} /&gt;
            &lt;br/&gt;
            {this.state.testChecked}:
            &lt;SwitchButton name='switch-1' defaultChecked={false} checked={this.state.testChecked} /&gt;
          &lt;/div&gt;
      );
    }
  }
  </code></pre>