web-dev-qa-db-ja.com

Reactフック-オブジェクトのコレクションでネストされたプロパティが変更されたときにuseEffectをトリガーします

オブジェクトのリストを表示するページ_[{name:, age:}, ...]_ 2番目のページでは、特定のオブジェクトの名前を更新できます。次に、フックを使用して、useEffect()を実装して、名前の変更が検出された場合にのみフロントページのリストを更新する方法を教えてください。

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

useEffect(()=> {
  getAllObjects()
},[getAllObjects, objects]);
_
reactjscreate-react-appreact-hooks
11
Yannick

オブジェクト全体を依存配列に渡す代わりに、名前のみを渡すようにしてください。名前を返すことでできること

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

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