フック

フック

フックは、状態を保存し、副作用を実行するための関数です。

Yewにはいくつかの事前に定義されたフックが用意されています。独自のフックを作成することも、多くのコミュニティ作成のフックを見つけることもできます。

フックのルール

1. フック関数の名前は常に`use_`で始まる必要があります。
2. フックは、以下の場所でのみ使用できます。
   • 関数/フックのトップレベル。
   • 関数/フック内のブロック（既に分岐していない場合）。
   • 関数/フック内のトップレベルの`if`式の条件内。
   • 関数/フック内のトップレベルの`match`式のスクルーティニー内。
3. フックは、すべてのレンダリングで同じ順序で呼び出す必要があります。早期リターンは、Suspenseを使用する場合のみ許可されます。

これらのルールは、コンパイル時または実行時のエラーによって強制されます。

定義済みのフック

Yewには、以下の定義済みのフックがあります。

• use_state
• use_state_eq
• use_memo
• use_callback
• use_mut_ref
• use_node_ref
• use_reducer
• use_reducer_eq
• use_effect
• use_effect_with
• use_context
• use_force_update

これらのフックのドキュメントは、Yew APIドキュメントにあります。

カスタムフック

コンポーネントから状態を持つ可能性のあるロジックを再利用可能な関数にカプセル化するために、独自のフックを定義したい場合があります。カスタムフックの定義セクションで詳細を参照してください。

さらに読む

• Reactのドキュメントには、Reactフックに関するセクションがあります。これらはYewのフックと同じではありませんが、根本的な概念は似ています。