道具类型失败：提供给“路线”的对象类型无效的道具“组件”

Question

我尝试了几种解决方案，但无济于事，

我只在路线上循环，但仍然出现此错误

警告：道具类型失败：提供给component的类型object的道具Route无效，预期function。     在路线中（在Auth.js：14上）     在Auth中（由ConnectFunction创建）     在ConnectFunction中（在App.js：31）     在路线中（位于App.js：31）     在Switch中（在App.js：29）     在路由器中（由BrowserRouter创建）     在BrowserRouter中（在App.js：27）     在提供程序中（在App.js：26）     在App中（位于src / index.js：5）

// Auth.js
...
getRoutes = routes => {
    return routes.map((rte, key) => {
      if (rte.layout === "/auth") {
        return (
          <Route
            path={rte.layout + rte.path}
            component={rte.component}
            key={key}
          />
        );
      } else {
        return null;
      }
    });
  };
...

// App.js
...
<Provider store={store}>
      <Router>
        <Fragment>
          <Switch>
            <PrivateRoute path="/admin" render={props => <AdminLayout {...props} />} />
            <Route path="/auth" render={props => <AuthLayout {...props} />} />
            <Redirect from="/" to="/auth/login" />
          </Switch>
        </Fragment>
      </Router>
    </Provider>
...