Así que todavía estoy aprendiendo React y estoy tratando de usarlo para eliminar un elemento de una "lista de tareas". Aquí está el código:
import { Item } from '../../types/item'; import { useState } from 'react'; type Props = { item: Item } export const ListItem = ({ item }: Props) => { const [isChecked, setIsChecked] = useState(item.done); return ( <C.Container done={isChecked}> <input type="checkbox" checked={isChecked} onChange={e => setIsChecked(e.target.checked)} /> <button onClick={removeItem}><img src="./remove"/></button> <label>{item.name}</label> </C.Container> ); }Este botón debería llamar a la función removeItem que... eliminará el elemento jaja. ¿Alguna sugerencia?
Le sugiero que use un componente funcional con useState hook. Cree un estado con valor inicial para que sea una matriz vacía. luego cree una función que, al hacer clic, actualice el valor en el estado, se puede hacer usando useState hook. Simplemente ingrese setTodo(). Esto creará una nueva entrada en su estado. Puede usar métodos de matriz para agregar el valor devuelto de la función que se activa al hacer clic, también elimine una entrada, simplemente use un método de filtro, puede ver más sobre esto en w3school, proporciona buenos ejemplos que son fáciles de entender para biggeners.