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

react hooks remove item from array

Add Answer

|_Genos_| answered on September 18, 2020 Popularity 9/10 Helpfulness 1/10

answer react hooks remove item from array

related react hooks delete item from array

related usestate remove from array

related remove element from array in usestate

related delete a row in an array react hooks

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 react-hooks

Link to this answer
Share Copy Link

Contributed on Sep 05 2021

|_Genos_|

0 Answers Avg Quality 2/10

Closely Related Answers

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 j

Link to this answer
Share Copy Link

Contributed on Sep 18 2020

Busy Buzzard

0 Answers Avg Quality 2/10

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 10/10 Helpfulness 5/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

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

react hooks remove item from array

Contents

More Related Answers

react hooks remove item from array

Closely Related Answers

react hooks delete item from array

usestate remove from array

remove element from array in usestate

delete a row in an array react hooks

Grepper

Documentation

Social

Legal

Contact

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