仅当数组长度发生变化时如何使用Effect？

Question

我只想在 prop "columns" 长度改变时更新状态

  useEffect(() => {
    if (columns.length !== prevColumns.length) {
      // update state
    }
  }, [columns]);

我该怎么做？

Answer 1

您可以只添加到 useEffect 挂钩的依赖项列表而不是数组本身，而只是 length 属性像这样

useEffect(() => {
      // This code only fires on length change
}, [columns.length]);

How to useEffect only if array length changed?