从react-router-dom转换为NextJS

Question

我不确定如何使用他们的路由器应用程序接口而不是NextJS - router -dom在react中复制它。

import { Route, Redirect } from "react-router-dom";
import auth from "../../services/authService";

const ProtectedRoute = ({ path, component: Component, render, ...rest }) => {
  return (
    <Route
      {...rest}
      render={props => {
        if (!auth.getCurrentUser())
          return (
            <Redirect
              to={{
                pathname: "/login",
                state: { from: props.location }
              }}
              j
            />
          );
        return Component ? <Component {...props} /> : render(props);
      }}
    />
  );
};

export default ProtectedRoute;

它的用法如下：

 <ProtectedRoute path="/form/:id" component={Form} />

Answer 1

根据Next.js文档，您最好使用Link而不是React-router-dom或任何其他路由器。