Feature Active Row

Abierto Apto para principiantes
#15 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
65/100
Tipo de issue
Nueva funcionalidad
Claridad
Bien especificado
Estado de actividad
Estancado
Stack tecnológico
javascript, react
Área
frontend

Línea de trabajo

Comienza en el componente SearchResults e inspecciona sus componentes hijos para encontrar la fila de la tabla renderizada como . Sigue cómo se produce cada fila y, después, verifica que hacer clic en cada fila cambie de forma independiente su estado resaltado y que volver a hacer clic en ella elimine el resaltado. Usa la lista de comprobación de pruebas manuales del issue para confirmar el comportamiento final.

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

Descripción

🏝️ Priority Stretch 🐂 Size Medium 📅 Week 2 🧩 Feature
Highlight booking row when clicked

Instructions:

Within the <SearchResults /> component or its child components, add an onClick handler to each row in the table (hint: on the <tr> element). When clicked, the row is "selected" and highlighted with a different colour. When clicked again, the row is unselected and the coloured highlighting is removed.

Hint: Use a new state variable for each row to record if the row is selected or not, and use this value to set a class to the className prop of the row.

Test:

  • Verify that each row of your table can be highlighted (on and off) independently when being clicked.
Lenguaje dominante
JavaScript
Estrellas
1
Forks
28
Sin PR fusionados en 30 d

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 CodeYourFuture/React-Module-Project

Todos los issues de CodeYourFuture/React-Module-Project

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.