等待状态更新useState钩子

Question

我有一个对象的状态数组：const[对象，setObject]=useState([]);

我有一个添加按钮，用于将对象添加到数组中，这是onclick事件的主体：

setObjects（[…objects，{id:20，property1:value1}]）

我有一个移除按钮，用于从数组中移除对象，这是onclick事件的主体：

const newObjects=objects.filter（对象=

现在，如果对象从状态中移除，我想对更新的状态做些什么。

问题是我必须等到状态更新，我不想听到每一个状态的变化，只有当某些东西被删除时。

这就是我到目前为止所做的：

useffect（）=

但是如果一个对象被添加到状态中，这也会触发。

简而言之：当对象从对象数组中删除并且状态完成更新时，我想做一些事情

我想用钩子做这个。

提前感谢！




Answer 1

您可以编写自己的钩子或添加一些其他变量，这些变量将保持数组的长度，并可用于检查元素是否被删除或添加。

const [len, setLen] = useState(0);

useEffect(() => {
  if (objects.length < len) {
    // Your code
  }

  setLen(objects.length);
}, [objects.length]);