6

コンテキストデータフェッチを置き換える新しい反応フック API を使用する方法はありますか?

ユーザー プロファイルをロードしてほぼどこでも使用する必要がある場合は、まずコンテキストを作成してエクスポートします。

export const ProfileContext = React.createContext()

次に、最上位のコンポーネントにインポートし、データをロードしてプロバイダーを使用します。次のようにします。

import { ProfileContext } from 'src/shared/ProfileContext'

<ProfileContext.Provider
      value={{ profile: profile, reloadProfile: reloadProfile }}
    >
        <Site />
    </ProfileContext.Provider>

次に、他のいくつかのコンポーネントで、次のようにプロファイル データをインポートします。

import { ProfileContext } from 'src/shared/ProfileContext'
const context = useContext(profile);

しかし、状態を持ち、データを取得したいコンポーネントとプロファイルを共有するフックを使用して関数をエクスポートする方法はありますか?

4

3 に答える 3