reactjs - React hooks - 当对象集合中的嵌套属性发生更改时触发 useEffect

Question

页面显示对象列表[{name:,age:}, ...]第二页允许更新特定对象的名称。然后使用钩子(Hook)，我应该如何实现 useEffect() 以便仅在检测到名称更改时才更新首页上的列表？

const [objects, setObjects] = useState([]);

useEffect(()=> {
  getAllObjects()
},[getAllObjects, objects]);

Answer 1

不要将整个对象传递给依赖项数组，而是确保仅传递名称。您可以通过返回名称来完成此操作

const [objects, setObjects] = useState([])

useEffect(()=> {
      getAllObjects()
}, [getAllObjects, ...objects.map(item => item.name)])