Breaking News: Grepper is joining You.com. Read the official announcement!

react hooks delete item from array

Add Answer

Busy Buzzard answered on September 18, 2020 Popularity 10/10 Helpfulness 6/10

answer react hooks delete item from array

related usestate remove from array

related remove element from array in usestate

related react hooks remove item from array

related delete a row in an array react hooks

related how to delete array filter in react hooks

react hooks delete item from array

Comment

import React, { useState } from "react";
import ReactDOM from "react-dom";

import "./styles.css";

const App = () => {
  const defaultList = [
    { name: "ItemOne" },
    { name: "ItemTwo" },
    { name: "ItemThree" }
  ];

  const [list, updateList] = useState(defaultList);

  const handleRemoveItem = (e) => {
   const name = e.target.getAttribute("name")
    updateList(list.filter(item => item.name !== name));
  };

  return (
    <div>
      {list.map(item => {
        return (
          <>
            <span name={item.name} onClick={handleRemoveItem}>
              x
            </span>
            <span>{item.name}</span>
          </>
        );
      })}
    </div>
  );
};

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: stackoverflow.com

Tags: javascript react-hooks

Link to this answer
Share Copy Link

Contributed on Sep 18 2020

Busy Buzzard

0 Answers Avg Quality 2/10

Closely Related Answers

usestate remove from array

Comment

  const defaultList = [
    { name: "ItemOne" },
    { name: "ItemTwo" },
    { name: "ItemThree" }
  ];

  const [list, updateList] = useState(defaultList);

  const handleRemoveItem = (e) => {
   const name = e.target.getAttribute("name")
    updateList(list.filter(item => item.name !== name));
  };

Popularity 9/10 Helpfulness 6/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Mar 13 2022

shahul

0 Answers Avg Quality 2/10

remove element from array in usestate

Comment

 let index = array.indexOf(e.target.value)
   if (index !== -1) {
      array.splice(index, 1);
      setState(array);
   }

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: pretagteam.com

Tags: element

Link to this answer
Share Copy Link

Contributed on Dec 09 2021

mukashwasti_

0 Answers Avg Quality 2/10

react hooks remove item from array

Comment

{

cards:[

"id":"1",
      "name":"something"

   ]

}

Popularity 9/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Sep 05 2021

|_Genos_|

0 Answers Avg Quality 2/10

delete a row in an array react hooks

Comment

you are so cute

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript react-hooks row

Link to this answer
Share Copy Link

Contributed on Apr 04 2022

Parthiban Raji

0 Answers Avg Quality 2/10

how to delete array filter in react hooks

Comment

renove item in react used filter

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: array-filter javascript react-hooks

Link to this answer
Share Copy Link

Contributed on Aug 26 2022

tito refat

0 Answers Avg Quality 2/10

react hooks delete item from array

Contents

More Related Answers

react hooks delete item from array

Closely Related Answers

usestate remove from array

remove element from array in usestate

react hooks remove item from array

delete a row in an array react hooks

how to delete array filter in react hooks

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.