Harlan_Zhang

React Router依赖React上下文来工作。 这会影响您如何测试使用我们组件的组件。 如果你对应用渲染的或者组件进行单元测试，那么你会得到一些有关上下文的错误和警告信息。虽然你可能会找出自己的路由上下文的内容，我们推荐你将你的单元测试包裹在或者中。代码如下: < Mem…

以前版本的React Router使用静态路由来配置应用的路由跳转。这允许在渲染之前检查和匹配路由。由于v4版本我们转移到动态路由组件而不是静态路由配置，一些以前的用例变得不那么明显和棘手。 我们现在正在开发一个包来处理静态路由配置和React路由，以继续满足这些用例。她现在正…

由于服务端是无状态的，所以服务端渲染和客户端渲染并不相同. 最基本的就是我们封装app时, 使用无状态的 < StaticRouter >来代替< BrowserRouter >, 使用来自于服务端的请求url来匹配路由。接下来我们会讨论 context 属性 当你在客户端渲染…

在早期的React Router版本中，我们为滚动恢复提供了开箱即用的支持，从那时起开发者就一直在使用。希望本文档可以帮助你获取你需要的滚动条和路由的内容。 浏览器已经开始使用history.pushState自己处理滚动恢复，这就像她们以前使用普通浏览器导航一样处理滚动恢复。…

Redux是React生态系统的重要组成部分。我们希望将React Router和Redux尽可能地无缝集成以满足人们想要同时使用她们的需求。 通常，React Router和Redux可以很好地协同工作。但有时，应用可能会发生有一个组件在位置更改时不会更新（子路由或点击导航链…

你需要一个React web app 来添加react-router。 如果你需要创建一个新的React Web App,最容易的方式是通过一个叫做create-react-app的官方脚手架来创建。 第一步是先来安装create-react-app,如果你以及安装过这个工具，…

这篇指南是是用来解释React Router使用时的心智模型。我们将其称为“动态路由”，这与你可能更熟悉的“静态路由”完全不同。 如果你使用过Rails，Express，Ember，Angular等框架，那么你已经使用过了静态路由。 在这些框架中，当你在进行任何渲染之前，会将路…

Web应用一个非常出色的特性就是我们不必下载整个应用就可以使用。你可以认为代码拆分是逐渐递增的加载我们的应用。在这里，我们使用webpack, @babel/plugin-syntax-dynamic-import,和loadable-components来实现。 webpac…

React Router包含三种类型的组件： 路由组件，路由匹配组件，导航组件。 在你使用这些组件前，都必须从react-router-dom导入她们。 任何一个拥有路由跳转功能都React应用都核心都必须是一个路由组件。对于Web项目来说，react-router-dom提供…