React Hooks docs: add an useContext example where state is updated within a functional component
Ninguém assumiu esta issue ainda.
- Linguagem predominante
- JavaScript
- Estrelas
- 11.8k
- Forks
- 7.9k
- Merge médio
- 1d 11h
- PRs com merge (30d)
- 11
Descrição
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.
Guia de contribuição
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Direção de pesquisa
Comece pela seção useContext da documentação do React Hooks e compare-a com o CodeSandbox vinculado, especialmente com as linhas 10-18 de index.js. Considera-se concluído quando a seção inclui um exemplo de componente funcional mostrando como o estado do contexto é atualizado e aborda se as propriedades repetidas de state e setter podem ser simplificadas.
Escrita pelo modelo de indexação a partir do texto da issue.
Avaliação
- Stack de tecnologia
- javascript, react
- Domínio
- documentation
- Tipo de issue
- Documentação
- Dificuldade
- 2/5
- Tempo estimado
- 1-3 horas
- Status de atividade
- Estagnada
- Clareza
- Razoavelmente clara
- Facilidade para iniciantes
- 45/100