由于我在React应用程序中使用React路由器来处理我的路由，我很好奇是否有一种方法可以重定向到外部资源。
比如有人打人:
example.com/privacy-policy
我希望它重定向到:
example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies
我发现在我的index.html加载中，避免用纯JavaScript编写它完全没有任何帮助:
if (window.location.path === "privacy-policy"){
window.location = "example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies"
}
当前回答
你可以使用你的动态URL:
<Link to={{pathname:`${link}`}}>View</Link>
其他回答
为了扩展Alan的回答，您可以创建一个<Route/>，它将所有包含“http:”或“https:”属性的<Link/>重定向到正确的外部资源。
下面是一个可以直接放在<Router>中的工作示例。
<Route path={['/http:', '/https:']} component={props => {
window.location.replace(props.location.pathname.substr(1)) // substr(1) removes the preceding '/'
return null
}}/>
在React Route V6中，渲染道具被移除。它应该是一个重定向组件。
重定向网址：
const RedirectUrl = ({ url }) => {
useEffect(() => {
window.location.href = url;
}, [url]);
return <h5>Redirecting...</h5>;
};
路线:
<Routes>
<Route path="/redirect" element={<RedirectUrl url="https://google.com" />} />
</Routes>
我也遇到过同样的问题。我希望我的投资组合重定向到社交媒体处理。之前我使用了"react-router-dom"中的{Link}。重定向到这里的子目录，
链接可用于在网站内路由网页。如果我们想重定向到一个外部链接，那么我们应该使用一个锚标记。像这样,
它不需要请求React路由器。这个操作可以在本地完成，由浏览器提供。
只需使用window.location。
React挂钩
const RedirectPage = () => {
React.useEffect(() => {
window.location.replace('https://www.google.com')
}, [])
}
使用React类组件
class RedirectPage extends React.Component {
componentDidMount(){
window.location.replace('https://www.google.com')
}
}
另外，如果你想在一个新标签中打开它:
window.open('https://www.google.com', '_blank');
我能够在react-router-dom中使用以下方法实现重定向
<Route exact path="/" component={() => <Redirect to={{ pathname: '/YourRoute' }} />} />
对于我的案例，我正在寻找一种方法，每当用户访问根URL http://myapp.com时，将他们重定向到应用程序http://myapp.com/newplace中的其他地方。因此，上述方法有所帮助。
