react dom

by krustnic

HTML

<div id="app"></div>

React

class Root extends React.Component {
	constructor(props) {
  	super(props)
  	this.state = {
    	isShow: false
    }
  }
  
  toggle = () => {
  	this.setState({
    	isShow: !this.state.isShow
    })
  }
  
  render () {
  	console.log('render')
    let second = null
    if (this.state.isShow) {
    	return (
      	<div onClick={this.toggle}>
          <div key="1">1</div>             
          <div key="2">2</div>
          <div key="3">3</div>        
        </div>
      )
    }
    return (
      <div onClick={this.toggle}>
        <div key="1">1</div>             
        <div key="3">3</div>        
      </div>
    )
  }
}

ReactDOM.render(<Root/>, document.getElementById('app'))