title: using setState without this in react.js
body: <p>I'm new to React (also fairly new to Javascript in general) and trying to wrap my head around what can be done with setState to re-render React elements on the page. </p>
  
  <p>Is there a way to use setState in one component to change the state of a completely different element (i.e. components that maybe only share the DOM root node)? I've tried to implement this but am getting the error "myElementOne.setState is not a function".  </p>
  
  <p>Is there a another way I should be approaching this?</p>
  
  <pre><code>var App = React.createClass({
      render() {
          return (
              &lt;div&gt;
                  &lt;ElementOne id="abc12345"/&gt;
                  &lt;ElementTwo/&gt;
              &lt;/div&gt;
          );
      }
  });
  
  var ElementOne = React.createClass({
      getInitialState() {
          return ({isShowing: true});
      },
  
      render() {
          if (this.state.isShowing) {
              return (
                  &lt;div id="abc12345"&gt;
                      &lt;h1&gt;Hello World!&lt;/h1&gt;
                  &lt;/div&gt;
              );
          } else {
              return &lt;div/&gt;;
          }
      }
  });
  
  var ElementTwo = React.createClass({
      render() {
          return &lt;a href="#" onClick={this.toggle.bind(null,this)}&gt;Click here to Show/Hide!&lt;/a&gt;;
      },
  
      toggle() {
          var myElementOne = document.getElementById("abc12345");
          myElementOne.setState({isShowing: false});
      }
  });
  
  ReactDOM.render(&lt;App/&gt;,document.getElementById('content'));
  </code></pre>