反应挂钩-当嵌套属性在对象集合中更改时触发useEffect

Question

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

{{1}}

Answer 1

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

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

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