在反应时对 onClick 事件执行两个操作

【问题标题】：perform two actions on onClick event on react在反应时对 onClick 事件执行两个操作
【发布时间】：2021-12-20 01:21:56
【问题描述】：

我正在尝试设置一个onClick事件来执行两个动作，第一个动作是更新子组件中的状态，然后更新父组件中的状态，请分享如何实现这一点的想法

【问题讨论】：

将代码放在 onClick 事件中。
从第一个函数返回更新状态，然后将该状态作为参数传递给第二个函数

标签： javascript reactjs onclick use-state

【解决方案1】：

我猜你需要这样的回调状态：

 const [counter, setCounter] = useState(0);
    const [parent, setParent] = useState(0);
    
        const doSomething = () => {
          setCounter(1);
        }
        
        useEffect(() => {
           console.log('Do something after counter has changed', counter);
        setPrent(2);
        }, [counter]);

【讨论】：