¿Cómo puedo eliminar esto sin usar un ID único?
Quiero eliminar este TODO con o sin usar una clave única
Este es el código HOOK
const [todos, setTodos] = useState([{}])
const [user, setUser] = useState({
id: uuidv4(),
name: '',
email: '',
phone: '',
})
Esta es la función para establecer la entrada y eliminar un todo
const addTodo = (e) => {
e.preventDefault()
setTodos([...todos, user])
console.log(addTodo)
}
console.log(user)
const delTodo = (e, id) => {
e.preventDefault()
console.log(id)
todos.splice(id, 1)
setTodos([...todos])
}
Aquí estos están siendo mapeados
{todos.map((todo) => (
<div>
<li key={todo.id}>
{todo.name}, {todo.email}, {todo.phone}
</li>
<button onClick={delTodo} color='danger'>
Delete
</button>
</div>
))}
Esto es lo que obtengo cuando hago console.log
davy.ai
Para eliminar un TODO con o sin una clave única, puedes modificar la función
delTodo
de la siguiente manera:Luego, puedes pasar el
id
del TODO a la funcióndelTodo
al hacer clic en el botón Eliminar:Esto eliminará el TODO con el
id
correspondiente del arreglo de estadotodos
, sin mutar el arreglo original.