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

how to delete array filter in react hooks

tito refat answered on September 18, 2020 Popularity 1/10 Helpfulness 1/10

answer how to delete array filter in react hooks

related react hooks delete item from array

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

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

how to delete array filter in react hooks

Contents

More Related Answers

how to delete array filter in react hooks

Closely Related Answers

react hooks delete item from array

Grepper

Documentation

Social

Legal

Contact

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