在 React Hooks 中使用 useState 管理数组,删除数组中的元素可以使用 splice() 方法或 filter() 方法。
const [array, setArray] = useState([1, 2, 3, 4, 5])
const deleteItem = (index) => {
const newArray = [...array]
newArray.splice(index, 1)
setArray(newArray)
filter() 方法:通过返回布尔值 true 或 false,来决定是否保留该元素,最终返回被保留的元素组成的新数组。
const [array, setArray] = useState([1, 2, 3, 4, 5])
const deleteItem = (item) => {
const newArray = array.filter(i => i !== item)
setArray(newArray)