thr3a https://blog.hatena.ne.jp/thr3a/ 動かざることバグの如し https://blog.turai.work/ react 環境 React v18 問題点 ReactにはProps機能があり、それを使うとコンポーネント間でデータのやり取りが出来る。 が孫とかまでやりとりしようとすると一気に面倒になる import type { NextPage } from 'next'; import { useState } from 'react'; const Home: NextPage = () => { const [user, setUser] = useState('長門有希'); return ( <> <h1>{user}</h1> <Component1 user={user} /> </> ); }; … 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.turai.work%2Fentry%2F20220904%2F1662258904" title="ReactでContext-apiを使うサンプルコード - 動かざることバグの如し" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2022-09-04 11:35:04 rich https://blog.turai.work/entry/20220904/1662258904 1.0 100%