react hooks delete item from array
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);
Also in JavaScript:
- how to make a div sticky using js
- what is ajax
- react $ r component instance console
- redirect browser javascript
- count number of checkboxes in html jquery
- react native hide scroll indicator
- html javascript find data attribute
- select parent of elemt
- angular one array contains any of second
- js root url
- random reacths
- how to name a javascript variable
- jspdf preview before download
- v-for vue
- import jquery
- react cloud foundry nginx 404
- javascript run something after x seconds
- javascript object first key
- what is ... in javascript
- how to change input border color with js
- js destructuring explained
- javascript group array of objects lodash
- js save and load an array of different types into localstorage
- .classList