[Suggestion]: Confusing example in UseTransition

Aberta Para iniciantes
#8,381 5 comentários 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
2/5
Tempo estimado
1-3 horas
Facilidade para iniciantes
68/100
Tipo de issue
Documentação
Clareza
Razoavelmente clara
Status de atividade
Pouca atividade
Stack de tecnologia
javascript, react
Domínio
documentation

Direção de pesquisa

Abra o exemplo vinculado da documentação de useTransition, “Perform non-blocking updates with Actions”, e revise como o campo de quantidade e o total são apresentados. Compare o exemplo proposto de Item com o fluxo atual e, em seguida, atualize o exemplo de quantidade e total para que o propósito da transição fique claro em torno da chamada ao servidor. A tarefa estará concluída quando o exemplo revisado for compreensível e demonstrar com precisão o comportamento pretendido da transição.

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

Descrição

type: documentation
Summary

In UseTransition example, you have used input as DOM control so it's instantly updating quantity, which is confusing as it suppose to wait for server call then we can understand the use of transition there, I don't find this document is useful, all examples are very confusing.

below code would be helpful. Didn't expect this from react doc itself, I feel I have better understanding than who written this doc's.

export default function Item({quantity, onUpdateQuantity}) { function handleChange(event) { onUpdateQuantity(event.target.value); } return ( <div className="item"> <span>Eras Tour Tickets</span> <label htmlFor="name">Quantity: </label> <input type="number" value={quantity} onChange={handleChange} /> </div> ) }

Page

No response

Details

Please update Use Transition example that is related to quantity and total.

Linguagem predominante
JavaScript
Estrelas
11.8k
Forks
7.9k
Merge médio
16h 6min
PRs com merge (30d)
7

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.

Mais de reactjs/react.dev

Todas as issues de reactjs/react.dev

Issues semelhantes

Mais issues de JavaScript

Receba novas issues na sua caixa de entrada

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