1
votes

Je veux donner un identifiant à chaque élément todo qui rend

<header>
    <img src={require('./images/todo.png')} alt="Todo-Logo" width="100" height="100" />
    <h1 className="title">My Todo App</h1>
</header>
<div className="container">
    <br />
    <form>
        <div className="input-btnFlex">
            <input
                type="text"
                placeholder="Write Your Todo "
                name="newItem"
                ref={inputRef}
                value={newItem}
                onChange={handleChange}
            />
            <button className="ri-add-circle-fill add-btn" onClick={addTodo}></button>
        </div>
    </form>
    <div>
        <ul>
            {allTodos}
        </ul>
    </div>
</div>

javascript reactjs

3 commentaires

Dupliquer de créer un identifiant unique avec JavaScript voir aussi google.com/...

Si vous ne persistez pas les todos dans localstorage, vous pouvez utiliser ce qui suit: const createId = ((id) => () => id ++) (1); const id = createId ()

Pourquoi voulez-vous ajouter les identifiants? Pourquoi les utiliserez-vous?

3 Réponses :

1
votes

créez un identifiant de variable locale et chaque fois que vous avez besoin d'un nouvel identifiant, incrémentez simplement l'identifiant. Sinon, je recommanderais attribuer Date.now () comme identifiant car il n'aura jamais de valeur en double

Autre méthode [Non recommandée] à n'utiliser que si c'est absolument nécessaire : si vous utilisez une liste, utilisez l'index de la liste comme id ..

0 commentaires

0
votes

Vous pouvez horodater

Si un utilisateur humain réel crée des tâches les unes après les autres, vous pouvez utiliser un horodatage comme identifiant car il sera toujours différent à chaque fois et restera le même quel que soit l'ordre. p >

Toujours unique
Difficile à deviner
Toujours séquentiel

setNewItem({ id: Date.now().toString() })

0 commentaires

0
votes

Voici quelques options qui peuvent être utilisées pour les identifiants:

Horodatage.
Tout générateur d'identifiant unique pour JavaScript comme UUID
Créez votre propre fonction de générateur d'identifiant aléatoire en utilisant Math.random ()
Vous pouvez créer votre propre chaîne d'identification personnalisée à l'aide de l'index

0 commentaires