如何解决此错误?无效的挂钩调用.钩子只能在函数组件的主体内部调用

Question

我正在开发一个react应用程序。我得到了这个错误：无效的钩子调用。钩子只能在函数组件的主体内部调用。这可能是由于以下原因之一：我试图从不同的来源获得解决方案，但仍然停滞不前。我该如何解决此问题？这是我的app.js代码：

import React from "react";
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
import Home from "./containers/Home";
import Login from "./containers/Login";
import Signup from "./containers/Signup";
import Activate from "./containers/Activate";
import ResetPassword from "./containers/ResetPassword";
import ResetPasswordConfirm from "./containers/ResetPasswordConfirm";
import Information_create from "./containers/ClientInformation";
import { Provider } from "react-redux";
import store from "./store";
import Layout from "./hocs/Layout";
const App = () => (
<Provider store={store}>
<Router>
<Layout>
<Switch>
<Route exact path="/" component={Home} />
<Route exact path="/login" component={Login} />
<Route exact path="/signup" component={Signup} />
<Route exact path="/reset-password" component={ResetPassword} />
<Route
exact
path="/password/reset/confirm/:uid/:token"
component={ResetPasswordConfirm}
/>
<Route exact path="/activate/:uid/:token" component={Activate} />
<Route
exact
path="/information-create"
component={Information_create}
/>
</Switch>
</Layout>
</Router>
</Provider>
);
export default App;

Answer 1

项目中的类组件中必须使用hook。钩子不能在类组件中使用。App.js看起来不错。在其他地方检查