React18

ついにReact18正式版が出ましたね！たくさんの新機能にワクワクしていますo(ツ)9 注目の機能であるuseTransitionやSuspenseについては既に多くのサイトで取り上げられていますので、今回はちょっと地味なuseEffectまわりの変更点を紹介したいと思います。 何がかわった？ useEffect自体が変わったわけではありませんが、StrictModeで開発モード時の動作が以下のように変わりました。 コンポーネントマウント時にアンマウント、再マウントされる アンマウント後のステータス更新の警告を廃止 一つずつ見ていきましょう。 1.コンポーネントマウント時にアンマウント、再マウ…

ようやく React v18 のキャッチアップを始めたのでメモ。 React.FunctionComponent (FC), React.Component に暗黙的に含まれていた children が除かれた children を props として受け取るには明示的に children: ReactNode のように型定義をする必要がある // Before const MyComponent: FC = (props) => { return ( <div>{props.children}</div> ); }; // After type MyComponenProps = { chi…