ReactJS SetState not rerendering
<p>I have:</p>

<p>JobScreen</p>

<pre><code>handleSetView(mode, e) {
        this.setState({
            view: mode
        });
        console.log(this.state.view)
    }

    render() {
        return (

            &lt;div className="jobs-screen"&gt;
                &lt;div className="col-xs-12 col-sm-10 job-list"&gt;&lt;JobList view={this.state.view} /&gt;&lt;/div&gt;
                &lt;div className="col-xs-12 col-sm-2 panel-container"&gt;
                    &lt;div className="right-panel pull-right"&gt;&lt;RightPanel handleSetView={this.handleSetView} /&gt;&lt;/div&gt;
...
)
}
</code></pre>

<p>RightPanel</p>

<pre><code>render() {
        return (
            &lt;div&gt;
                &lt;div className="controls"&gt;
                    &lt;span className="title"&gt;Views &lt;img src="images\ajax-loader-bar.gif" width="24" id="loader" className={this.state.loading ? "pull-right fadeIn" : "pull-right fadeOut"}/&gt;&lt;/span&gt;
                    &lt;button onClick={this.props.handleSetView.bind(this, 'expanded')}&gt;&lt;img src="/images/icons/32px/libreoffice.png" /&gt;&lt;/button&gt;
                    &lt;button onClick={this.props.handleSetView.bind(this, 'condensed')}&gt;&lt;img src="/images/icons/32px/stack.png" /&gt;&lt;/button&gt;
                    &lt;/div&gt;
...
)}
</code></pre>

<p>JobList</p>

<pre><code>render() {
        var jobs = [];
        this.state.jobs.forEach((job) =&gt; {
            jobs.push(
                &lt;Job key={job.id} job={job} view={this.props.view} loading={this.state.loading} toggleTraderModal={this.props.toggleTraderModal} toggleOFTModal={this.props.toggleOFTModal}/&gt;
            );
        });

        return (
            &lt;div&gt;
                {jobs}
            &lt;/div&gt;
        );
    };
</code></pre>

<p>The problem is, is that the changing of the view state does not rerender any of the child elements.</p>

<p>How can I get this to work?</p>