reactjs / reactjs/react.dev

React in web-component tutorial missing unmount

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

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

We are using a react component through a web-component inspired by the snippet in docs.

We stumbled over an issue after which we noticed that the component is never unmounted.

We added a disconnectedCallback like this

disconnectedCallback() {
    ReactDOM.unmountComponentAtNode(this)
  }

I could make a quick PR adding that if you folks think that makes sense!

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

Comece pelo tutorial de web components vinculado na issue, especialmente pelo exemplo que mostra o uso de React dentro de um elemento personalizado. Atualize o exemplo para documentar a limpeza quando o elemento for desconectado, usando o callback e a API de unmount descritos na issue. O trabalho estará concluído quando o tutorial abordar claramente o unmounting e o exemplo continuar válido.

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
Claramente especificada
Facilidade para iniciantes
45/100

Receba novas issues na sua caixa de entrada

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