react-router 的工作方式与 href 标签的工作方式之间的区别?

Difference between how react-router works and how href tag works?

react-router 的工作方式和 tag 的工作方式有什么区别?

我知道有一种方法可以在 React 中使用 href 标签,但我看到大多数人使用的是 React-router。

而且我还发现在react.js的一个框架next.js中,经常使用href。

这与客户端渲染和服务器端渲染有关吗?

What is the difference between how react-router works and just tag works?

React 路由器加载您的组件而不重新加载页面,它只是操纵 DOM。

Is this something to do with client-side-rendering and server-side-rendering?

是的,当您的页面刷新时,大多数时候您是从服务器获取一些东西。

示例演示-https://codesandbox.io/s/react-router-basic-4753w?fontsize=14

你会看到最后一个 href 刷新了页面,其余的不要,他们只是更改 DOM