<div id="react-container"></div>class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      messageConstructor: 'stateが初期化されました。',
      messageMount: '',
    }
  }
  messageMountFunc = () => {
    this.setState({
      messageMount: 'componentDidMountが実行されました。',
      messageUpdate: 'componentDidUpdateが実行できます。'
    });
  }
  componentDidMount() {
    setTimeout(this.messageMountFunc, 3000);
  }
  render() {
    return (
      <div>
        <div>【constructor()】{this.state.messageConstructor}</div>
        <hr />
        <div>【componentDidMount()】{this.state.messageMount}</div>
      </div>
    )
  }
}
ReactDOM.render(< App />, document.getElementById('react-container'));  This Pen doesn't use any external CSS resources.