reactjs / reactjs/react.dev

[Suggestion]: Improve Context usage Troubleshooting section

Aberta
#7,656 0 comentários 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

type: documentation
Linguagem predominante
JavaScript
Estrelas
11.8k
Forks
7.9k
Merge médio
1d 11h
PRs com merge (30d)
11

Descrição

Summary

Yesterday I found out that independently wrapped components in Context doesn't share the same Context values. Instead each one has their own context values.

Page

https://react.dev/reference/react/useContext

Details

Now when I think about it that makes sense, but it took quite some time to realize where's the issue in a complext real world app where we render React components in different places of legacy code.

Would be great if we extend the Troubleshooting section of the Context docs to include this case.

Example: https://codesandbox.io/p/sandbox/reactcontext-issue-example-f48m4m

Guia de contribuição

Abrir o guia de contribuição

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Direção de pesquisa

Abra a página de referência de React useContext e revise a seção Troubleshooting junto com o exemplo do CodeSandbox vinculado. Adicione uma orientação explicando que componentes envolvidos independentemente não compartilham os mesmos valores de Context e considere o caso concluído quando o texto de Troubleshooting descrever claramente esse comportamento para componentes renderizados em partes separadas de uma aplicação legacy.

Escrita pelo modelo de indexação a partir do texto da issue.

Avaliação

Stack de tecnologia
react
Domínio
documentation
Tipo de issue
Documentação
Dificuldade
2/5
Tempo estimado
1-3 horas
Status de atividade
Estagnada
Clareza
Claramente especificada
Facilidade para iniciantes
52/100

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.