时间戳

首页 > 解决方案 > React：在功能组件中传递两个 onclick 函数

reactjs - React：在功能组件中传递两个 onclick 函数

问题描述

我想在单击按钮时将两个函数传递给按钮。第一个将组件的状态更改为 true，然后执行第二个功能。当我使用类组件时，这是设置状态后执行后续功能的语法，但它不适用于功能组件。现在，当我添加第二个功能时，它们都不起作用。有不同的语法吗？

<button onClick={() => setStart(true), () => {countMiliseconds()}}>Start</button>

标签： reactjs

解决方案

您可以创建useEffect将在状态更改为 true 后运行的钩子

    useEffect(() =>{ start && countMilliseconds() }, [ start ])

假设 start 设置为false初始渲染

推荐阅读