using setState without this in react.js
<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>