[Bug]: 'Fix debouncing ' solution doesn't work

Abierto
#8,096 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
45/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
javascript, react
Área
documentation

Línea de trabajo

Comienza en la sección enlazada «Fix debouncing» de la documentación de React y reproduce el ejemplo haciendo clic en dos botones sucesivamente y con poca diferencia de tiempo. Sigue la solución proporcionada y verifica que los botones hagan debounce de forma independiente; se considera terminado cuando aparecen ambos mensajes retrasados, en lugar de solo el último.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

bug: unconfirmed
Summary

https://react.dev/learn/referencing-values-with-refs#fix-debouncing --> Solution --> Try provided solution: Only the last button handler fires after debouncing.

Page

https://react.dev/learn/referencing-values-with-refs#fix-debouncing

Details

https://react.dev/learn/referencing-values-with-refs#fix-debouncing --> Solution --> Try provided solution: Only the last button handler fires after debouncing.

The solution via using useRef doesn't work and has the same issue as in the challenge description: "This example works, but not quite as intended. The buttons are not independent. To see the problem, click one of the buttons, and then immediately click another button. You’d expect that after a delay, you would see both button’s messages. But only the last button’s message shows up. The first button’s message gets lost."

Only the last button handler fires after debouncing.

Checked on:
Win11, Chrome Version 141.0.7390.123 (Official Build) (64-bit)

Lenguaje dominante
JavaScript
Estrellas
11.8k
Forks
7.9k
Merge medio
16 h 6 min
PR fusionados (30 d)
7

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de reactjs/react.dev

Todos los issues de reactjs/react.dev

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.