【React】UseEffectで取得した値をUseContextに渡す - Qiita

UseEffectで取得したデータをUseContextで共有する useContextの記事を色々漁ってもハードコーディングした値をProviderやcreateContextに渡すような非現実的な例ばかりだったので備忘録。 アプリ起動時にuseEffectでデータを取得し、そのデータをコンテクストとしてアプリ内で共有したい場合を想定。 他にも方法はあるのかもしれないが、とりあえず動いた方法をメモ。 import { useState, useEffect, createContext } from "react"; import axios from "axios"; export const DataContext = createContext(); //コンテクストオブジェクト準備 export default function App() { const [data, setD