reactjs / reactjs/react.dev

Misleading note in the tutorial

Aberta
#1,013 2 comentários 1 reação 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

This note from the tutorial: reactjs.org/tutorial/tutorial.html#functional-components

Note
When we modified the Square to be a functional component, we also changed onClick={() => this.props.onClick()} to a shorter onClick={props.onClick} (note the lack of parentheses on both sides). In a class, we used an arrow function to access the correct this value, but in a functional component we don’t need to worry about this.

The note seems to suggest that onClick={this.props.onClick} wouldn't work in a class component, but that's false.

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 pela seção de componentes funcionais em reactjs.org/tutorial/tutorial.html#functional-components e revise a nota citada ao lado do exemplo de componente de classe. Revise a nota para que ela não implique que onClick={this.props.onClick} não pode funcionar em um componente de classe; considera-se concluído quando a explicação estiver correta e ainda descrever claramente a forma mais curta do componente funcional.

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
1/5
Tempo estimado
Menos de uma hora
Status de atividade
Estagnada
Clareza
Razoavelmente clara
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.