reactjs 从useState()中的数组中删除项

5f0d552i  于 2023-05-28  发布在  React
关注(0)|答案(1)|浏览(199)

”““我正在学习React。需要帮助来理解这一点。**
我有两个按钮。一个是“添加随机文本”,另一个是“删除”。
对于添加按钮,我使用Math.random生成数字并添加了一些文本。
我想通过Map来显示列表项。当点击删除按钮时,最后一个项目将被删除。
我试了pop(),但只显示了删除的一个。我怎么能保留整个列表,只删除最后一个?

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

}
kyvafyod

kyvafyod1#

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

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

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

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

相关问题