React Hooks 全19種の解説とサンプル
20. Use
新機能概要
Promise の値を取得するフック
利用シーン:サーバーコンポーネントでのデータ取得
基本的な使い方
use を使うと、非同期データを簡単に取得できる(React Server Components 向け)。
useStateやuseEffectなどを利用せずにデータ取得ができます。ただしローディング状態を把握することができないのでSuspenseと利用するの良いでしょう
use はサーバーコンポーネント でのみ使用可能です。
※ 以下のサンプルはクライアントコンポーネントなので動作しません。
目次
- はじめに
- 01. useState
- 02. useEffect
- 03. useReducer
- 04. useContext
- 05. useRef
- 06. useMemo
- 07. useCallback
- 08. useLayoutEffect
- 09. useTransition
- 10. useDeferredValue
- 11. useId
- 12. useSyncExternalStore
- 13. useDebugValue
- 14. useImperativeHandle
- 15. useInsertionEffect
- 16. useActionStateNew
- 17. useOptimisticNew
- 18. useFormStatusNew
- 19. useNew