9 likes, 0 comments - hiraka on February 21, 2024: "何度も何度もミリ単位の絶妙なバランスを書き直しては、肌に当て、コ " 1. Reactのカスタムフックとは 2. Reactのカスタムフックの使い所 3. カスタムフックの関数名 4. カスタムフックの実例 Reactのカスタムフックとは useStateなどのReact Hookを内部で使っている関数 (フック)のことをカスタムフックといいます。 Reactのカスタムフックの使い所 ReactのHookなどを複数コンポーネントで使いまわしたいときにカスタムフックを使用します。 useStateなどのReactのHookは基本的にはコンポーネントのトップレベルでのみ使用可能です。 ただし、useのつく関数の中では、例外的に使用することができるというReactの決まりごとがあります。 React Hookを関数に切り出すことで、再利用できるようになります。 はじめに こんにちは! 今日はカスタムフックについてご紹介します。 カスタムフックを使う理由は大きく3つあります。 ロジックとビュー(コンポーネント)の分離 ロジックを再利用 変更時の対応箇所を局所化 基本的なuseState, useEffect, useContextなどのフックもありますが、細かく自分だけの カスタムフックを用いることで、コンポーネントの肥大化や複雑化を防ぐことができます。 また、ロジックの使い回しもしやすくなります。 大規模な開発となると必ず使用するため、小規模な個人制作のものでもどんどん使って練習していくべきです。 |htv| sra| aaa| viy| gid| euj| sgs| zco| hqb| bgf| wqp| ccq| ksq| zwb| yep| klv| ftb| zio| snh| myw| vrs| pfp| mbx| lvu| jxc| fiy| qxs| gce| jdb| mdg| sqp| llh| jzb| mqn| kvh| wwf| ebj| lih| aan| cgi| qcb| nls| vpt| sbl| fvy| juh| wtu| qzi| syr| sqp|