React 钩子在 Gatsby 组件中不起作用

Question

我尝试做一个简单的菜单切换。它有效 - 但仅适用于反应类。 当我想使用功能组件时，设置了初始状态(但不是在 chrome react 调试工具中(，但 toggleExpanded 函数根本不会更改状态。

我甚至尝试了实际反应网站的基本示例：

import React, { useState } from 'react';
function Example() {
// Declare a new state variable, which we'll call "count"
const [count, setCount] = useState(0);
return (
<div>
<p>You clicked {count} times</p>
<button onClick={() => setCount(count + 1)}>
Click me
</button>
</div>
);
}

这也行不通。但是当我把它组成一个班级时 - 一切都很好。

那能是什么——这是盖茨比组件的正常行为吗？

Answer 1

解决方案是 - 我必须升级所有软件包的版本。

yarn upgrade

在那之后 - 钩子工作;)