findRenderedComponentWithType example

eg.js

var ExampleComponent = React.createClass({
  
  getInitialState: function() {
    return {
      shouldDisplayElement: true
    }
  },
  
  toggle: function() {
    this.setState({
      shouldDisplayElement: !this.state.shouldDisplayElement
    });
  },
  
  render: function() {
    /**
    * This element is subject to change. It could become a wrapper element, or even its own Component.
    * It makes more sense in this scenario to refer to it by its ref rather than class.
    */
    var element = <span ref="fruit" className="banana">I am a banana.</span>;
    
    return (
      <div onClick={this.toggle}>
        { this.state.shouldDisplayElement ? element : <span /> }
      </div>
    );
  }
})