TextField Dispara | Front-end | Alura - Cursos online de tecnologia

1
resposta

por Leandro Henrique Manhani Moreira

| 29.9k xp | 4 posts

Analista e Desenvolvedor de Sistemas

Bom dia pessoal... estou a pouco tempo no React JavaScript, e dentro do textField abaixo o campo para aumentar as horas dispara quando clico uma vez... alguém pode me ajudar ? Desde já agradeço !

Horas Estimadas

                        (statusChamado.current == "PENDENTE" && horaEstimada > 0) || 
                        statusChamado.current != "PENDENTE"
                      }
                      value={horaEstimada}
                      id="outlined-number"
                      type="number"
                      size="small"
                      onChange={(e) => setHoraEstimada(e.target.value)}
                      sx={{ m: 1, minWidth: 100 }}
                    />
                  </FormControl>

1 resposta

por Estudante

| 569.5k xp | 1338 posts

01/12/2023

E aí, Leandro!

Beleza? Entendi sua parada.

Aqui vai uma dica: parece que tá rolando algum evento de clique que tá fazendo o campo aumentar mais do que deveria. Dá uma olhada no onChange que você tem aí. Talvez o problema esteja por lá.

Se liga, a função que tá sendo chamada no onChange tá pegando o valor do campo (e.target.value) e setando direto na horaEstimada, sem fazer uma verificação ou algo do tipo. Pode ser isso que tá causando o comportamento estranho.

Tenta dar uma olhada nesse trecho e, se precisar, mostra mais código que a gente tenta desenrolar isso.