Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Element keys set with Reacton `.key(...)` are not recognized by the ipyvuetify transition group

Abierto
#36 1 comentario 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
3-5 días
Aptitud para principiantes
35/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
jupyter, python
Área
frontend

Línea de trabajo

Reproduce la advertencia con rv.FadeTransition(group=True) y componentes MplFigure con claves, usando rv.Dialog como elemento raíz. Empieza rastreando cómo se pasa .key(...) de Reacton al transition group de ipyvuetify; el trabajo estará terminado cuando Vue reconozca las claves y ya no informe de hijos sin clave en el transition-group.

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

Descripción

Hello!
I'm not sure if this issue should be opened in reacton or ipyvuetify repository.
When I try to use Vuetify transition groups, I get an error in browser console saying:
[Vue warn]: <transition-group> children must be keyed: <v-dialog>

However I used a key method on reacton elements inside the group:

with rv.FadeTransition(group=True):
    if figures.raw_measurements:
        MplFigure(*figures.raw_measurements).key("raw_measurements")
    if figures.field_accuracy:
        MplFigure(*figures.field_accuracy).key("field_accuracy")
    if figures.calibration_moment:
        MplFigure(*figures.calibration_moment).key("calibration_moment")

(MplFigure here is a @reacton.component with rv.Dialog as the root element.)
Should the same keys be used by Vue in browser?

Lenguaje dominante
Python
Estrellas
317
Forks
19
Merge medio
14 min
PR fusionados (30 d)
3

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

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 widgetti/reacton

Todos los issues de widgetti/reacton

Issues similares

Más issues de Python

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.