在 useState() 中从数组中删除项目

Question

我正在学习 React。需要一些帮助来理解这一点。

我有两个按钮。一个是“添加随机文本”，另一个是“删除”。

对于添加按钮，我使用 Math.random 生成数字并添加了一些文本。

我想通过映射来显示列表项。当点击删除按钮时，最后一项将被删除。

我尝试了 pop() 但它只显示了删除的那个。我怎样才能保留整个列表并只删除最后一个？

const [data, setData]=useState([]);
let addHandler =()=>{
//Newdata is Math.random()*100+some text
setData([...data, newdata])
}
let removeHandler=()=>{

}

Answer 1

一种方法是使用 .slice() 将数组从 0 分区到长度 - 1

let removeHandler=()=>{
    setData(data.slice(0, data.length - 1))
}

.pop() 应该也可以。例如

data.pop() // removes last element from array
setData([...data]) // clone remaining array

在 useState() 中从数组中删除项目

Removing item from array in useState()

reactjs

react-hooks

use-state