Estou criando um TODO, armazenar uma lista. Quero excluir 1 item da lista tabem, quando clico em excluir ele excluir todo o array, zerando tudo. como faço para exlcuir somente item que clico em deletar.
const [nome, setNome] = useState("");
let form = new Array();
if (localStorage.hasOwnProperty("tarefas")) {
form = JSON.parse(localStorage.getItem("tarefas"))
}
const salvar = (tarefa) => {
form.push({ item: tarefa })
localStorage.setItem("tarefas", JSON.stringify(form));
};
const deletar = (tarefa) => {
form.splice({ item: tarefa })
localStorage.setItem("tarefas", JSON.stringify(form));
};
return (
<>
<div>
<h1>Tarefa</h1>
<form id="tarefa">
<input typeof="text" value={nome} onChange={(e) => setNome(e.target.value)}></input>
<button onClick={() => salvar(nome)}>Salvar</button>
</form>
</div>
<ul> {form.map(x =>
<li> {x.item}
<button onClick={() => deletar(nome)}>Deletar</button>
</li>)}
</ul>
</>
);