React Router Dom v6 重定向問題

Question

我有作家“替換”，但它仍然無法正常工作。

<Route 
     path="/"
     element={<Navigate to="https://account-d.docusign.com/oauth/auth?response_type=code&scope=signature&client_id=**********&redirect_uri=http://localhost:3000/login" replace />}  />

Answer 1

它不起作用，因為您正在導航到外部路線。 您可以制作一個類似的組件，例如NavigateExernal ，如下圖所示。 在該組件中，如果您的組件是 class，只需更新window.location.href useEffect()或componentDidMount中的 window.location.href。

// use NavigateExternal instead of Navigate
<Route path="enter" element={<NavigateExternal to="https://www.google.com" />} />


// NavigateExternal.tsx
import { useEffect } from "react"

const NavigateExternal = ({ to }: { to: string }) => {
  useEffect(() => { window.location.href = to })
  return null
}

export default NavigateExternal