失败的道具类型：提供给“重定向”的无效道具“到”

Question

我的 app.js 看起来像这样：

export default function App() {
  return (
    <BrowserRouter>
      <Switch>
        <Route path="/auth" component={AuthenticationLayout} />
        <Route path="/dash" component={DashboardLayout} />

        <Route exact path="/" render={() => (
          <Redirect to={AuthenticationLayout} />
        )}/>
      </Switch>
    </BrowserRouter>
  );
}

Can't undersatnd 有什么问题

建议？

Answer 1

重定向是导航到一个新的位置， to URL 重定向到，你可以这样写：

<Route exact path="/" render={() => (
      <Redirect to="/auth" />
    )}/>

Answer 2

Redirect 中的to属性接受一个字符串，这是您要导航到的路线，或者一个 object 可以包含诸如pathname 、 state等属性。

前（来自文档）：

<Redirect
  to={{
    pathname: "/login",
    search: "?utm=your+face",
    state: { referrer: currentLocation }
  }}
/>

因此，当您尝试将组件传递给 prop to ，您会收到错误消息。

正确的实现是：

<Redirect to="/auth" />