失敗的道具類型：提供給“重定向”的無效道具“到”

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" />