reactjs - 将 NavLink 与外部 URL 结合使用

标签 reactjs react-router

我有以下代码:

    <NavLink to="//student.lvh.me:8080/users/edit">
      <DropDownLink>Wiki</DropDownLink>
    </NavLink>

如何让 navlink 与外部 URL 配合使用? 我在控制台中收到以下错误:

未捕获的 DOMException:无法在“历史记录”上执行“pushState”:无法在文档中创建 URL 为“http://student.lvh.me:8080/users/edit”的历史状态对象原点“http://localhost:3000”和 URL“http://localhost:3000/”。

有没有更好的方法来处理外部链接?

最佳答案

react-router 意味着在单页面应用程序中进行路由,即路由在客户端处理。
当您想要路由到外部页面(例如,路由在服务器端处理)时,您可以使用普通的 anchor 标记:

<a href="url.com">Wiki</a>

关于reactjs - 将 NavLink 与外部 URL 结合使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46176506/

相关文章:

reactjs - 如何在 react 日历中格式化日期?

javascript - 链接多个 axios 请求时遇到问题

node.js - 如何使用 React 从 Mongodb 集合中查询单个文档

javascript - Express'response.sendFile() 发送未捕获的语法错误 : Unexpected token <

javascript - React Router 在路由到新组件后仍然渲染上一页

javascript - 如何处理导致不需要的组件重新安装的 react History.Push()?

reactjs - 如何在React中的单页面应用程序中进行代码拆分?

javascript - ReactJS 抛出语法错误

express - 使用react-router和expressroutes.js有什么区别

html - data-reactroot 元素高度问题