React Hooksの使い方

React 16.8から導入されたHooksは、関数コンポーネントでstateやライフサイクルを扱えるようになりました。

主なHooks

useState

const [count, setCount] = useState(0);

useEffect

useEffect(() => {
  document.title = `Count: ${count}`;
}, [count]);

useContext

const theme = useContext(ThemeContext);

Hooksを使うことで、クラスコンポーネントを書かずに複雑なUIを作成できます。