我有几个组件可以保护身份验证。然后，我创建了一个名为<TextBlock FontWeight="Bold" Text="{Binding Name}" Background="Yellow" />
的新组件。在此ProtectedRoute函数中，我仅捕获抛出的属性，但不知何故，我只能从ProtectedRoute获得状态，并且我发送的道具不可读，而在React-Context中则是{{1 }}。
ProtectedRoute.js：
console.log()App.js：
undefined我已导入所有必需的组件btw，但是如果我将import React from 'react'
import { Route, Redirect } from 'react-router-dom'
import { withAuth } from './Context/AuthContext'
function ProtectedRoute(props) {
const {component: Component, ...rest} = props
console.log(Component)
return(
props.isLoggedIn ? <Route {...rest} component={Component} /> : <Redirect push to="/" />
)
}
export default withAuth(ProtectedRoute)
的{{1}}更改为普通的render() {
return (
<BrowserRouter>
<AuthContextProvider>
<Switch>
<Route exact path="/" component={Login} />
<ProtectedRoute path="/portal" component={Main} />
</Switch>
</AuthContextProvider>
</BrowserRouter>
)
}
，则可以呈现组件ProtectedRoute。
我的代码有问题吗？