Showing and hiding child components

gistfile1.txt

Sample 1
        _click: function() {
          if ($('#add-here').is(':empty'))
            React.render(<Child />, $('#add-here')[0]);
          else
            React.unmountComponentAtNode($('#add-here')[0]);
        },
        render: function() {
          return(
            <div>
              <div onClick={this._click}>Parent - click me to add child</div>
              <div id="parent-add"></div>
            </div>
          )
        }


Sample 2
        getInitialState: function () {
          return { showChild: false };
        },
        _click: function() {
          this.setState({showChild: !this.state.showChild});
        },
        render: function() {
          return(
            <div>
              <div onClick={this._click}>Parent - click me to add child</div>
              {this.state.showChild ? <Child /> : null}
            </div>
          )
        }