usestate 数组删除

在 React Hooks 中使用 useState 管理数组,删除数组中的元素可以使用 splice() 方法或 filter() 方法。

  • splice() 方法:通过指定数组的索引位置和删除的元素个数来删除数组中的元素,并返回被删除的元素。
  • 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)