title: how to use semantic UI React Checkbox toggle?
body: <p>I am trying to use Semantic UI react for layout. These are the following sample code I am having trouble with onChange. I can check to click the toggle but resets everytime I refresh.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import {
    Checkbox
  } from 'semantic-ui-react'
  
  onChangeInput(event) {
      let name = event.target.name
      let value = event.target.value
  
      let talent = this.state.newTalentProfile
      talent[name] = value
  
      this.setState({
        newTalentProfile: talent
      })
  
    }
    
    &lt;Select
  name = "willing_to_relocate"
  ref = "willing_to_relocate"
  defaultValue = {this.props.talent.willing_to_relocate}
  onChange = { this.onChangeInput.bind(this)} &gt;
    &lt;Option value = ""label = "" / &gt;
    &lt;Option value = "YES"label = "YES" / &gt;
    &lt;Option value = "NO"label = "NO" / &gt;
    &lt;/Select&gt;
  
  the below code doesn't work, but the above one works when i make changes it saves it to database
  
  &lt;Checkbox toggle
  name = "willing"
  ref = "willing"
  label = "Willin To Relocate"
  onChange = {this.onChangeInput.bind(this)
  }
  
  /&gt;</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>