title: How to get values/properties from a react-bootstrap checkbox?
body: <p>I'm trying to use the react-bootstrap checkbox (<a href="https://react-bootstrap.github.io/components.html#forms-controls" rel="noreferrer">https://react-bootstrap.github.io/components.html#forms-controls</a>) and I need to fire an event when it changes state. It would also be great to be able to programatically un/check it and/or tell if it is checked. Unfortunately when the code is transpiled and rendered it wraps the input in a div. </p>
  
  <p>How can I find this in the dom and manipulate it?</p>
  
  <p>My code looks similar to this: </p>
  
  <pre><code>import React, { PropTypes } from 'react';
  import { Checkbox } from 'react-bootstrap';
  
  const EditItem = (props) =&gt; {
  
    return (
      &lt;div&gt;
        &lt;Checkbox style={{ marginLeft: '15px' }} &gt;{props.itemLable}&lt;/Checkbox&gt;
      &lt;/div&gt;
    );
  };
  
  export default EditItem;
  </code></pre>
  
  <p>And the browser renders this:</p>
  
  <pre><code>...
  &lt;div class="checkbox" style="margin-left: 15px;"&gt;
    &lt;label&gt;
      &lt;input type="checkbox"&gt;
    &lt;/label&gt;
  &lt;/div&gt;
  ...
  </code></pre>
  
  <p>I see the inputRef prop in the documentation but I can't find any examples of this or get it to work myself. </p>