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

remove element from array in usestate

Add Answer

mukashwasti_ answered on September 18, 2020 Popularity 10/10 Helpfulness 5/10

answer remove element from array in usestate

related react hooks delete item from array

related usestate remove from array

related usestate array delete

related react hooks remove item from array

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 javascript use-state

Link to this answer
Share Copy Link

Contributed on Dec 09 2021

mukashwasti_

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

usestate array delete

Comments(1)

const removeProduct = (index) => {
  setProductsArray([
    ...products.slice(0, index),
    ...products.slice(index + 1, products.length)
  ]);
}

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: www.techiediaries.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Apr 30 2022

EfficientCoder

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

remove element from array in usestate

Contents

More Related Answers

remove element from array in usestate

Closely Related Answers

react hooks delete item from array

usestate remove from array

usestate array delete

react hooks remove item from array

Grepper

Documentation

Social

Legal

Contact

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