title: Add external JS to react component
body: <p>I want to add a canvas to react component. Which I have achieved:</p>
  
  <pre><code>var React = require('react'),
      c = require('./../canvas_animation');
  
  var Home = React.createClass({
  
   componentDidMount: function () {
      React.findDOMNode(this).childNodes[1].appendChild(c);
    }, 
  </code></pre>
  
  <p>This <a href="https://jsfiddle.net/m3LLqtq8/" rel="nofollow">link</a> contains canvas animation. </p>
  
  <p>Problem: Everything is working fine in react apart from mouse events? How can I make them work? </p>
  
  <pre><code>jQuery(document).ready(function()
              {
                  $(document).mousedown(function(e)
                  {
                      onMouseDown();
                  });
  
                  $(document).mouseup(function(e)
                  {
                      onMouseUp();
                  }); 
              })
  </code></pre>
  
  <p><a href="https://jsfiddle.net/69z2wepo/12483/" rel="nofollow">Replicated</a> here react having issue with events.</p>