Feature Search State
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
Ouvrez src/Search.js et examinez le champ de saisie du nom du client ainsi que le composant qui l’entoure. Ajoutez l’état searchInput demandé et le gestionnaire de saisie, puis vérifiez que la saisie met à jour le champ et journalise la valeur saisie avec console.log().
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
Storing the search input in a state
Instructions:
Implement the functionality to search for a customer name given the text typed into the customer name field.
In the src/Search.js file, declare a new state variable named searchInput with the corresponding setter function setSearchInput (hint: use the React function useState). The initial value of the searchInput variable can be an empty string. Add a value property to the <input> tag that is set to the new searchInput state variable.
Create a new function handleSearchInput taking an event parameter. This function should use the setSearchInput function to update the state variable searchInput with what the user typed in the input field. Finally, add a onChange prop to the <input> tag that is set to the function handleSearchInput. Use console.log() to output the value received in the handleSearchInput function.
Hint: Use event.target.value to get the input value.
Test:
- Given a searchInput
- When I type in the field
- Then the value is logged
- Langage dominant
- JavaScript
- Étoiles
- 1
- Forks
- 28
- Métriques de merge des PR
- Aucune PR mergée en 30 j
Préparer son environnement
- Aucun Dockerfile ni fichier Docker Compose
- Propose un modèle de pull request
- Aucun guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de CodeYourFuture/React-Module-Project
-
Feature Error MessageOuverte♟️ Dependent ticket 🏕 Priority Mandatory 🐇 Size Small 📅 Week 3 📅 Week 4
Difficulté 2/5 1-3 heures Accessibilité débutants 65/100
-
Feature Loading MessageOuverte🏕 Priority Mandatory 🐂 Size Medium 📅 Week 4 🧩 Feature
Difficulté 2/5 1-3 heures Accessibilité débutants 65/100
-
Feature Active RowOuverte🏝️ Priority Stretch 🐂 Size Medium 📅 Week 2 🧩 Feature
Difficulté 2/5 1-3 heures Accessibilité débutants 65/100
-
Feature Bookings stateOuverte🏕 Priority Mandatory 🐇 Size Small 📅 Week 2 🧩 Feature
Difficulté 1/5 Moins d'une heure Accessibilité débutants 68/100
-
Feature RestaurantButtonOuverte♟️ Dependent ticket 🏕 Priority Mandatory 🦔 Size Tiny
Difficulté 2/5 1-3 heures Accessibilité débutants 62/100
Toutes les issues de CodeYourFuture/React-Module-Project
Issues similaires
-
Difficulté 2/5 1-3 heures Accessibilité débutants 82/100
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 85/100
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 75/100
naver/egjs-flicking#971 ·
-
Difficulté 2/5 1-3 heures Accessibilité débutants 85/100
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 85/100
RADAR-base/radar-self-enrolment-ui#118 ·
Les mainteneurs répondent en général sous 1 jour