Logo

React19 Hook Study

React Hooks 全19種の解説とサンプル

20. Use

新機能

概要


Promise の値を取得するフック

利用シーン:サーバーコンポーネントでのデータ取得

基本的な使い方


use を使うと、非同期データを簡単に取得できる(React Server Components 向け)。
useStateやuseEffectなどを利用せずにデータ取得ができます。ただしローディング状態を把握することができないのでSuspenseと利用するの良いでしょう
use はサーバーコンポーネント でのみ使用可能です。

※ 以下のサンプルはクライアントコンポーネントなので動作しません。