Feature CustomerProfile
Dieses Issue hat noch niemand übernommen.
Bewertung
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Anfängerfreundlichkeit
- 45/100
- Issue-Typ
- Feature
- Klarheit
- Klar beschrieben
- Aktivitätsstatus
- Veraltet
- Tech-Stack
- javascript, react
- Bereich
- frontend
Rechercherichtung
Beginne damit, die SearchResults-Komponente zu finden und zu überprüfen, wie ihre Tabellenzeilen und ihr state verwaltet werden. Füge die CustomerProfile-Komponente neben der Tabelle hinzu, verknüpfe die Show profile-Schaltfläche jeder Zeile mit der id des ausgewählten Kunden und überprüfe die angegebenen Zustände vor und nach dem Klicken für die Kunden 1 und 2.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Beschreibung
20. Display a customer profile - iteration 1
Instructions:
Ccreate a new <CustomerProfile /> component. This component should be rendered next to the table in the <SearchResults /> component. This component should receive one prop id.
Add a new column in the table of the <SearchResults /> component and display a <button> for each row.
The text of the button should read "Show profile"
When clicking on a "Show profile" button for a given row, the component <CustomerProfile /> should display the text "Customer Profile", where is the id of the selected customer. Initially, the <CustomerProfile /> component doesn't show anything.
Hint: You need to record the selected customer id after clicking on a "Show profile" button. In which component do you think this state should be defined?
Test:
When first showing the page, no customer profile is displayed. When clicking the first "Show profile" button of the table, the text "Customer 1 profile" appears. When clicking the second "Show profile" button of the table, the text "Customer 2 profile" appears instead.
- Vorherrschende Sprache
- JavaScript
- Sterne
- 1
- Forks
- 28
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Entwicklungsumgebung
- Kein Dockerfile und keine Docker-Compose-Datei
- Hat eine Pull-Request-Vorlage
- Kein Beitragsleitfaden
Erste Schritte
- Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
- Forken Sie das Repository und arbeiten Sie in einem Branch.
- Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.
Mehr aus CodeYourFuture/React-Module-Project
-
Feature Error MessageOffen♟️ Dependent ticket 🏕 Priority Mandatory 🐇 Size Small 📅 Week 3 📅 Week 4
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 65/100
-
Feature Loading MessageOffen🏕 Priority Mandatory 🐂 Size Medium 📅 Week 4 🧩 Feature
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 65/100
-
Feature Search StateOffen🐂 Size Medium 📅 Week 3 🧩 Feature
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 65/100
-
Feature Active RowOffen🏝️ Priority Stretch 🐂 Size Medium 📅 Week 2 🧩 Feature
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 65/100
-
Feature Bookings stateOffen🏕 Priority Mandatory 🐇 Size Small 📅 Week 2 🧩 Feature
Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 68/100
Alle Issues in CodeYourFuture/React-Module-Project
Ähnliche Issues
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 78/100
TheOdinProject/curriculum#31444 ·
Maintainer antworten meist innerhalb von 1 Tag
-
software-development-practices software-development-practices:nist-ssdf
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 82/100
githubnext/gh-aw-cao#15860 ·
Maintainer antworten meist innerhalb von 1 Tag
-
framework/gatsby help wanted kind/bug
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 87/100
Maintainer antworten meist innerhalb von 2 Tagen
-
bug
Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 92/100
PedestrianDynamics/pyFDS-Evac#476 ·
Maintainer antworten meist innerhalb von 1 Tag
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 68/100
aiko-chan-ai/DiscordBotClient#380 ·