use フックは 2024 年 4 月現在、React の Canary および experimental チャンネルでのみ利用可能です。 use は、Promise や Context から値を読み取るための React フックです。以下のコードのように Promise の値を同期的に読み取ることができます。 import { use } from "react"; const fetchUsers = async () => { const response = await fetch("/api/users"); return response.json(); }; const Users = () => { const users = use(fetchUsers()); return ( <ul> {users.map((user) => ( <li key={user.id}>
![Promise や Context から値を読み取る use React フック](https://cdn-ak-scissors.b.st-hatena.com/image/square/73159e997ac27f27cd3741173675e35391304762/height=288;version=1;width=512/https%3A%2F%2Fazukiazusa.dev%2Fblog%2Fogp%2FPromise%2520%25E3%2582%2584%2520Context%2520%25E3%2581%258B%25E3%2582%2589%25E5%2580%25A4%25E3%2582%2592%25E8%25AA%25AD%25E3%2581%25BF%25E5%258F%2596%25E3%2582%258B%2520use%2520React%2520%25E3%2583%2595%25E3%2583%2583%25E3%2582%25AF%2FReact.png)