![](https://cdn-ak-scissors.b.st-hatena.com/image/square/8e794b67af9b60b9bae877a7cafc08cb253e49be/height=288;version=1;width=512/https%3A%2F%2Fmizchi.dev%2Fogp%2F202005271609-react-app-context.png)
エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント2件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
いまの話題をアプリでチェック!
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
React Context を用いた簡易 Store
課題 redux を引っ張り出すと大仰になる。Context下に共有ステートを持ってそこに setState できるだけ...要を表示
課題 redux を引っ張り出すと大仰になる。Context下に共有ステートを持ってそこに setState できるだけでよい。 なので、次の2つを用意する 現在の state を参照する const appState = useAppState() 現在の state を更新する関数を返す const setAppState = useSetAppState() React.useState() と違って分割している理由は、主にパフォーマンス上の理由 大域な参照なので、可能な限りステートを参照したくない setState() の API は (prevState: State) => State も取れるので、状態更新用途に限ってはそもそも useAppState() せずに済むことが多い でも毎回書いてるけどボイラープレート感強い上に忘れるのでここにメモする 毎回書いてるボイラー
2020/05/27 リンク