React Rendering

如果 key 改變

不論 props/state 是否改變，全部重建（Render fn & DOM change)，constructor called

如果 key 不變，但 props/state 改變

也是 Render fn & DOM change

如果 key 不變，props/state 也不變

DOM change 不會變，Render fn 看有沒有用 memo（by the way, 大部分有 children 的情況 memo 不會作用）

componentDidMount 不等於 useEffect 給空 dependency

從 Child > Parent 開始執行 render function，如果 setState 在 componentDidMount 做，會在第二次 state update 後才真正 update real DOM，而且會改變整支 tree render 的方式，全部 parents 都會在 update 完才 update real DOM