Javascript 反应路由器不呈现页面

我有一个名为admin的组件，它是一个表单，可以将我重定向到另一个无法呈现的页面

路由器干线

const globalState={
我授权：错，
令牌：null，
};
export const AuthContext=React.createContext（globalState）；
函数App（）{
常量[currentUser，setCurrentUser]=useState（全局状态）
返回(
)
}
导出默认应用程序；

管理组件

const LoginForm=（）=>{
const[state，setState]=useContext（AuthContext）
常量登录=（状态）=>{
const user=document.getElementById（'user'）。值；
const pass=document.getElementById（'pass'）。值；
常量请求={
使用者
通过
}
console.log（请求）
获取（'/api/admin'{
方法：“张贴”，
标题：{
“内容类型”：“应用程序/json”
},
正文：JSON.stringify（请求），
})
.then（res=>res.json（））
。然后（res=>{
如果（res.auth）{
有效（5000，“登录成功，3秒钟内重定向”）
设置超时（（）=>{
setState（{isAuthed:res.auth，token:res.key}）
}, 3000)
}
否则{
警告（5000，res.message）
}
})
}
返回(
{（state&&state.isAuthed）？：false}
管理面板
登录（状态）}color='teal'流体大小='large'>
登录
)
}
导出默认登录表单

我要呈现的新页面

const Pannel=（）=>{
const[state，setState]=useContext（AuthContext）
报税表（
{（！state | |！state.isAuthed）？：false}
密页
)
}
导出默认窗格

我寻找的所有答案。将确切的关键字放在路径之前，但组件仍然不会呈现，只会出现一个空的白色屏幕，并且控制台或后端控制台上没有错误。

<Route exact path="/admin-panel" component={Pannel} />

找出关键区别

<Redirect to='/adming-panel'/>

不客气。

找出关键区别

<Redirect to='/adming-panel'/>

不客气