我是个新手,当我试图运行代码时,这就是我得到的错误
第4:27行:道具验证反应/道具类型中缺少"组件">
import React from 'react'
import { Navigate, Route } from 'react-router-dom'
function ProtectedRoute({ component: Component, ...restOfProps }) {
const isAuthenticated = localStorage.getItem('isAuthenticated')
console.log('this', isAuthenticated)
return (
<Route
{...restOfProps}
render={(props) => (isAuthenticated ? <Component {...props} /> : <Navigate to="/Login" />)}
/>
)
}
export default ProtectedRoute
我正在使用最新版本的react将优先考虑任何帮助
import React from "react";
import { Navigate, Route } from "react-router-dom";
function ProtectedRoute({ Component, ...restOfProps }) {
const isAuthenticated = localStorage.getItem("isAuthenticated");
console.log("this", isAuthenticated);
return (
<Route
{...restOfProps}
render={(props) => (isAuthenticated ? <Component {...props} /> : <Navigate to="/Login" />)}
/>
);
}
export default ProtectedRoute;
试试这个
import React from 'react'
import { Navigate, Route } from 'react-router-dom'
function ProtectedRoute({ component, ...restOfProps }) {
const isAuthenticated = localStorage.getItem('isAuthenticated')
console.log('this', isAuthenticated)
return (
<Route
{...restOfProps}
render={(props) => (isAuthenticated ? <Component {...props} /> : <Navigate to="/Login" />)}
/>
)
}
export default ProtectedRoute