Feature Active Row

Aperta Adatta ai principianti
#15 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
65/100
Tipo di issue
Funzionalità
Chiarezza
Specificata chiaramente
Stato di attività
Ferma
Stack tecnologico
javascript, react
Ambito
frontend

Direzione di ricerca

Inizia dal componente SearchResults e ispeziona i suoi componenti figli per individuare la riga della tabella renderizzata come . Traccia il modo in cui viene prodotta ogni riga, quindi verifica che facendo clic su ogni riga si attivi o disattivi indipendentemente il suo stato evidenziato e che facendo nuovamente clic su di essa l'evidenziazione venga rimossa. Usa la checklist dei test manuali dell'issue per confermare il comportamento finale.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

🏝️ 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.
Lingua principale
JavaScript
Stelle
1
Fork
28
Nessuna PR unita negli ultimi 30g

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di CodeYourFuture/React-Module-Project

Tutte le issue di CodeYourFuture/React-Module-Project

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.