无法正确更新父对象状态

Question

我有多个子组件，需要在这些兄弟姐妹之间进行通信。我目前正在尝试什么：

Parent 具有对象状态并将 setMessageItem 作为道具传递给所有孩子：

const [messageItem, setMessageItem] = useState({})

孩子们：

useEffect(() => {

    if(condition) {

        props.setMessageItem(prevState => ({...prevState, messageData}))

    ..}

    }

}[])

然而，只有一个孩子的数据才能达到这个对象状态。当两个或多个孩子同时试图改变父母的状态时，有什么办法可以让它工作吗？

所以最终结果是 messageData 将同时包含来自多个孩子的数据。

Answer 1

当组件被实例化时， useEffect() 只会运行一次。如果你想这样使用它，你会这样做：useEffect(() => {  props.setMessageItem(prevState => ({ ...prevState, messageData }));}, [condition]);然后它会在每次条件变化时触发。