質問編集履歴

コード修正

2021/11/22 13:32

投稿

スコア88

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -319,3 +319,9 @@
 }
 ```
+## 出力
+![イメージ説明](f2562fd91294776a8cdbf50beec4dd3e.png)

ソース追記

2021/11/22 13:32

投稿

スコア88

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -207,3 +207,115 @@
 ```
+#　修正後ソース
+```javascript
+# context/PostsContext.jsx
+import {createContext, useState} from "react";
+import {useEffect} from "react";
+const PostsContext = createContext({});
+const PostsProvider = ({children}) => {
+  const [posts, setPosts] = useState({})
+  useEffect(async () => {
+    const res = await fetch('xxxxxxx/wp-json/wp/v2/posts');
+    const posts = await res.json();
+    setPosts(posts);
+  }, [setPosts])
+  return (
+    <PostsContext.Provider value={{posts}}>
+      {children}
+    </PostsContext.Provider>
+  )
+}
+export {PostsContext, PostsProvider};
+```
+```javascript
+# pages/index.js
+import Head from 'next/head'
+import {useContext} from "react";
+import {PostsContext} from "../contexts/PostsContext";
+export default function Home() {
+  const {posts} = useContext(PostsContext);
+  console.log(posts);
+  return (
+    <></>
+  )
+}
+```