反应挂钩-当嵌套属性在对象集合中更改时触发useEffect [英] React hooks - trigger useEffect when a nested property changes in a collection of objects

问题描述

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

A page displays a list of objects [{name:, age:}, ...] A second page allows to update the name of a particular object. Then using hooks, how should I implement useEffect() so the list on the front page updates only when a name change has been detected?

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

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

推荐答案

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

Instead of passing the entire object to the dependency array, make sure that you only pass name. Which you can do by returning the names

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

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

这篇关于反应挂钩-当嵌套属性在对象集合中更改时触发useEffect的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！