Question

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

我甚至从实际的React网站尝试了一个基本示例：

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>
  );
}

这也不起作用。但是，当我将其形成为一个类时，一切都很好。

那是什么-那是gatsby组件的正常行为吗？

Answer 1

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

yarn upgrade

之后-钩子起作用了；）

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

1 个答案: