props是從父元件到子元件，資料是單向流動。而state只關心元件內部，它是私有的參數只受元件控管。當元件內部使用setState方法時，元件會進行重新繪製。props與state的差異在於，props可從外部傳入而state封裝在元件裡只受元件控製。

src/SayHi.js

import React, { Component } from 'react';

class SayHi extends React.Component {
  constructor(props) {
    super(props);
    this.state = {date: new Date()};
  }

  render() {
    return <h1>{this.state.date.toLocaleTimeString()} Hi, {this.props.name}</h1>;
  }
}

export default SayHi;

輸出結果

鐵人破病中，原本預計今天寫的lifecycle移到明天...