React Hooks
Hooks
v16.7で導入予定の機能
classを使わずに、state等を利用したコンポーネントを書ける。
コンポーネントの階層を変えることなく、コンポーネント間でロジックを再利用できる。
State Hook
関数コンポーネントでstateを利用できるようにする。
javascriptimport {useState} from 'react';
function Counter({ initialState = 0 }) {
const [count, setCount] = useState(initialState);
return <button onClick={() => setCount(count + 1)}>{{ count }}</button>
}
Effect Hook
useEffect(() => any, any[])
コンポーネントの初回描画および更新時に、副作用を実行する際に利用する。
テスト
tng-hooks
eslint
ライブラリ
>A micro-framework on top of React hooks
>A collection of useful React hooks
参考