Skip to main content
Pergunta fechada como "Duplicada" por Icaro Martins, Augusto Vasques, ComunidadeBot
Remoção de ruídos de comunicação. https://pt.stackoverflow.com/help/behavior
Fonte Link
Augusto Vasques
  • 18,8mil
  • 10
  • 31
  • 62

Ola, sou bem novo na programação, principalmente em react, JS, usando localstorage. Seguinte, estouEstou 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.




    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>
        </>
    );```
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>
        </>
    );

Ola, sou bem novo na programação, principalmente em react, JS, usando localstorage. Seguinte, 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.




    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>
        </>
    );```

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>
        </>
    );
Fonte Link

Excluir 1 item do array

Ola, sou bem novo na programação, principalmente em react, JS, usando localstorage. Seguinte, 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.




    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>
        </>
    );```