反应路由不显示"/"页面

Question

我的登陆页面显示良好，直到我封装在一个路由，标题仍然加载预期，但即使是*页不工作。

export default function App() {
return (
<>
<Header />
<Routes>
<Route path="/" component={Landing} exact />
<Route path="*" component={PageNotFound} exact />
</Routes>
</>
);
}

Answer 1

尝试使用元素prop如下:

export default function App() {
return (
<>
<Header />
<Routes>
<Route path="/" element={<Landing />} exact />
<Route path="*" element={<PageNotFound />}} exact />
</Routes>
</>
);
}