Feature Active Row

Ouverte Adaptée aux débutants
#15 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Évaluation

Difficulté
2/5
Temps estimé
1-3 heures
Accessibilité débutants
65/100
Type d'issue
Fonctionnalité
Clarté
Clairement spécifiée
Activité
À l'abandon
Stack technique
javascript, react
Domaine
frontend

Piste de recherche

Commencez dans le composant SearchResults et inspectez ses composants enfants pour trouver la ligne du tableau rendue sous la forme . Suivez la manière dont chaque ligne est produite, puis vérifiez qu’un clic sur chaque ligne bascule indépendamment son état de surbrillance et qu’un nouveau clic dessus supprime la surbrillance. Utilisez la liste de contrôle des tests manuels de l’issue pour confirmer le comportement final.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

🏝️ 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.
Langage dominant
JavaScript
Étoiles
1
Forks
28
Aucune PR mergée en 30 j

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de CodeYourFuture/React-Module-Project

Toutes les issues de CodeYourFuture/React-Module-Project

Issues similaires

Plus d'issues JavaScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.