当我在反应中将"\"放在"/问题"时如何重定向

Question

当我输入localhost:/3000/时，我希望它重定向到localhost:/3000/problem.

<Route path='/' element={<Header />}></Route>

我如何使它在反应?

Answer 1

<Route path='/' element={<Header />}></Route>

element是使用'/'作为path时要显示的组件如果您希望path将您重定向到另一个路径，您可以使用以下react功能:

<Route path='/' element={ <Navigate to="/problem" /> }></Route>

应该

import { Navigate } from 'react-router-dom';

如果你使用的是React Router v5或更旧的版本，请使用Redirect代替

import { Redirect } from 'react-router-dom';
<Route path='/' element={ <Redirect to="/problem" /> }/>