setState布尔值运行两次

Question

我正在使用一个动画的汉堡菜单按钮，该按钮在单击后会切换为x。我想使用此按钮在主页和菜单页面之间切换状态。单击此菜单按钮时，我目前调用以下函数：

menuToggleHandler = () => {
   this.setState({
       menu: !this.state.menu
})
}

this.state.menu布尔值用于指示是否应呈现菜单或主页，但是当我在控制台中对其进行登录时，它表示在将其设置为false后立即将其设置为true。这里有我想念的东西吗？

当单击动画汉堡图标（如this）的父div时，会调用menuToggleHandler函数。