React

by Bacher

HTML

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

React

class Button extends React.PureComponent {
  render() {
    console.log(new Date(), 'button render');
	  return (
    	<button type="button">CLICK</button>
    );
  }
}

class TodoApp extends React.Component {
  constructor(props) {
    super(props)
    
    this.state = {}
  }
  
  render() {
    return (
      <div>
        <button onClick={() => this.forceUpdate()}>RESET</button>
        <Button>HoHo</Button>
      </div>
    )
  }
}

ReactDOM.render(<TodoApp />, document.querySelector("#app"))