React Hooks docs: add an useContext example where state is updated within a functional component
Nessuno ha ancora preso questa issue.
- Lingua principale
- JavaScript
- Stelle
- 11.8k
- Fork
- 7.9k
- Merge medio
- 1g 11h
- PR unite (30g)
- 11
Descrizione
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.
Guida per i contributori
Apri la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Direzione di ricerca
Inizia con la sezione useContext della documentazione di React Hooks e confrontala con il CodeSandbox collegato, in particolare con le righe 10-18 di index.js. Il lavoro è completato quando la sezione include un esempio di componente funzionale che mostra come viene aggiornato lo stato del contesto e affronta la questione se le proprietà ripetute di state e setter possano essere semplificate.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- javascript, react
- Ambito
- documentation
- Tipo di issue
- Documentazione
- Difficoltà
- 2/5
- Tempo stimato
- 1-3 ore
- Stato di attività
- Ferma
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 45/100