React技巧之移除状态数组中的对象

2022-08-19 15:55:46 浏览数 (1)

原文链接:https://bobbyhadz.com/blog/react-remove-object-from-state-array[1]

作者:Borislav Hadzhiev[2]

正文从这开始~

总览

在React中,移除state数组中的对象:

  1. 使用filter()方法对数组进行迭代。
  2. 在每次迭代中,检查条件是否匹配。
  3. state设置为filter方法返回的新数组。
代码语言:javascript复制
import {useState} from 'react';

export default function App() {
  const initialState = [
    {id: 1, name: 'Alice', country: 'Austria'},
    {id: 2, name: 'Bob', country: 'Belgium'},
  ];

  const [employees, setEmployees] = useState(initialState);

  const removeSecond = () => {
    setEmployees(current =>
      current.filter(employee => {
        // 


	

0 人点赞