React Router Dom，useNavigate 未重定向到正确的 url 路径

在较旧的 React Router Dom 版本中，如果用户登录，我可以使用此代码进行重定向：

history.push('/login?redirect=shipping')

Now in v6,我正在使用useNavigate函数而不是history.push，但它不起作用，因为它带我去/login/shipping代替/shipping。目前，这是我的导航代码：

let navigateCart = useNavigate() 
// some code here
navigateCart('/login?redirect=shipping') // the mistake is inside the parenthesis here but I don't know what it is!

这是我的路由器配置：

<BrowserRouter>
  <Container>
    <Routes>
      <Route path="/" element={<HomeScreen />} exact />
      <Route path="/login" element={<LoginScreen />} />
      <Route path="/profile" element={<ProfileScreen />} />
      <Route path="/shipping" element={<ShippingScreen />} />
    </Routes>
  </Container>
</BrowserRouter>

登录屏幕功能：

function LoginScreen() {

    let navigateLog = useNavigate()
    let location = useLocation()

    const [email, setEmail] = useState('')
    const [password, setPassword] = useState('')

    const dispatch = useDispatch()

    const redirect = location.search ? location.search.split('=')[1] : '/'
    

    const userLogin = useSelector(state => state.userLogin)
    const { error, loading, userInfo } = userLogin


    useEffect(() => {
        if (userInfo) {
            navigateLog(redirect)
        }
    }, [navigateLog, userInfo, redirect])

    const submitHandler = (e) => {
        e.preventDefault()
        dispatch(login(email, password))
    }

改变这一点navigateLog(redirect)线内的useEffect in LoginScreen对于这个：

navigateLog(`/${redirect}`);

在你的情况下，它重定向到/login/shipping代替/shipping，因为这就像你在打电话navigateLog("shipping")，并且没有/在前面，它被用作相对路径。这意味着它会考虑您当前的路径，在您的情况下恰好是/login.