Invalid hook call. Hooks can only be called inside of the body of a function component.

Invalid hook call. Hooks can only be called inside of the body of a function component 是一个 React 错误信息。它表示你在一个非函数组件的地方调用了 React 的钩子函数。React 的钩子函数只能在函数组件的内部使用。

解决这个问题的方法是将你的组件改为一个函数组件，而不是类组件。你需要将你的组件的代码从类组件的形式改为函数组件的形式，并将钩子函数的调用放在函数组件的主体内部。