首页 > 解决方案 > reactjs中受保护路线中...休息的目的是什么

问题描述

嗨,我在 Reacts 中有受保护的路线,但我有一个困惑。<Route {...rest} /> 在路由中的目的是什么

import React from "react";
import { Route, Redirect } from "react-router-dom";
function ProtectedRoute({ isAuth, component: Component, ...rest }) {
  console.log(rest);
  return (
    <div>
      <Route
        {...rest} //purpose of this
        render={(props) => {
          if (isAuth) {
            return <Component />;
          } else {
            return (
              <Redirect
                to={{ pathname: "/", state: { from: props.location } }}
              />
            );
          }
        }}
      />
    </div>
  );
}

export default ProtectedRoute;

标签: reactjsreact-router

解决方案


推荐阅读