Open
Conversation
…) with the state of the TodoItem component
… (using an onClick event)
…st (using forms and refs)
…using conditional rendering)
…rm (regex and validation function)
CallixteBailly
commented
Jan 11, 2023
src/components/List.tsx
Outdated
| @@ -0,0 +1,54 @@ | |||
| import React, { useState } from 'react'; | |||
Owner
Author
There was a problem hiding this comment.
Import React saut de ligne
CallixteBailly
commented
Jan 11, 2023
src/components/List.tsx
Outdated
| }); | ||
|
|
||
| // Composant List | ||
| function List(props) { |
Owner
Author
There was a problem hiding this comment.
Ajouter l'extension FC.compment
CallixteBailly
commented
Jan 11, 2023
| ); | ||
| } | ||
|
|
||
| export default List; |
Owner
Author
There was a problem hiding this comment.
ne pas utiliser le default
added 6 commits
January 12, 2023 14:03
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Créer un composant TodoList pour afficher une liste de tâches
03c1ea2
Créer un composant TodoItem pour afficher chaque tâche de la liste
c0f7e51
Utiliser les props pour passer les données de chaque tâche au composant TodoItem
d85fa45
Gérer l'état de chaque tâche (terminée ou non terminée) avec le state du composant TodoItem
091d28e
Ajouter un bouton pour marquer une tâche comme terminée ou non terminée (utilisation d'un événement onClick)
be1b290
Ajouter un champ de texte et un bouton pour ajouter une nouvelle tâche à la liste (utilisation de formulaires et de refs)
585c759
Afficher un message lorsqu'il n'y a pas de tâches à afficher (utilisation de rendu conditionnel)
1cc0ad6
Ajout d’un check string empty et fix la liste des taches le composant n’est pas appeler
6c18f2b
Ajout d’une autre page List avec Router
14e8970