Javascript 当我使用<；a>；标签

我正在构建一个React应用程序，它有指向预定义路线的链接

<a href="/my/react/route/">Click Here</a>

---

路由解析很好，但它正在刷新页面，从而降低了应用程序的性能。如何避免重新呈现整个页面？

使用react router附带的

标记修复此问题

import React from "react";
import { Link } from 'react-router-dom';

export class ToolTip extends React.Component {
  render() {
    return (
      <Link to="/My/Route">Click Here</Link>
    )
  }
};

从“React”导入React；
从'react router dom'导入{Link}；
导出类工具提示扩展了React.Component{
render（）{
返回(
点击这里
)
}
};

第一个答案是正确的，但我没有找到来自react路由器dom的链接。就我而言：

import { Link } from 'react-router';

您需要：

import { Link } from "react-router-dom"

然后导入要转到的组件

import Example from "./component/Example"

然后像这样使用链接

<Link to="/Example">
   <h4>Example Page</h4>
</Link>

示例页

这将停止刷新

请注意，如果

to=“/Example”

与您在

BrowserRouter

中指定的路由匹配，然后它会将您发送到那里

---

在这里了解更多信息

Hi semantic ui react示例

             <Menu.Item name="NotFound" as={NavLink} to="/dadsadsa" />

如果上述方法不起作用，请检查您是否正在导入定义路由的正确组件。（在我的例子中，我导入了一个名称相同但路径错误的组件）

Link

最终调用

history.pushState

，这是设置URL而不刷新页面的功能。静态站点生成也是如此吗？react引导中的NavItem href如何？NavItem的作用类似于a，因此它将重新加载页面。这是否意味着在创建基本链接时不建议使用

a href

，而始终使用

链接替换？e、 g.
a href
在所有情况下都会导致完全重新加载？不同版本的react路由器：
version 4:从react路由器dom导入{Link}
version 3或之前：从react路由器导入{Link}
早期版本中不可用，但使用version 4及以上版本，您可以执行此操作
导入{Link}来自“react router dom”