React Hooks docs: add an useContext example where state is updated within a functional component
まだ誰も着手していません。
- 主要言語
- JavaScript
- スター
- 11.8k
- フォーク
- 7.9k
- 平均マージ
- 1日 11時間
- マージ済み PR(30日)
- 11
説明
The React Hooks docs has in the useContext section an example where state is updated within a class component. How is this done within a functional component?
I did this example https://codesandbox.io/s/3vxr57vm7q but I am wondering if it is possible with less DRY, especially in index.js, lines 10-18:
const [count, setCount] = useState(0)
return (
<Context.Provider
value={{
count: count,
setCount: setCount
}}
>
With just one state property and one setState function it's ok but imagine you have five of those pairs, then you must repeat every one three times (eg.: count in useState, as key and as property in <Context.Provider />).
Hence, an example would be great and if I did it the right way.
コントリビューションガイド
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
調査の方向性
React Hooks ドキュメントの useContext セクションから始め、リンクされている CodeSandbox と比較してください。特に index.js の 10~18 行を確認してください。完了条件は、セクションに、コンテキストの state を更新する方法を示す関数コンポーネントの例が含まれ、繰り返されている state と setter のプロパティを簡略化できるかどうかについても扱っていることです。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- javascript, react
- 領域
- documentation
- issue の種類
- ドキュメント
- 難易度
- 2/5
- 見積もり時間
- 1〜3時間
- 活発さ
- 停滞
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 45/100