我的第一个全栈 Web 应用程序( 八 )

React-router-dom 包为开发者提供了 routerProps 。 该属性可以将URL的内容作为参数传递给props 。 在这里 , 我们可以通过 props 访问城市的id , 进而可以对 cities(通过props访问)进行过滤 , 找到我们需要的那个城市 。

使用Redux

可预测: 它有助于编写在所有环境中行为都很一致的应用程序 , 更容易测试 。

中心化: 应用程序的状态和逻辑中心化 , 可以实现强大的功能 , 如状态持久化等 。

可调式: Redux DevTools 可以非常方便地跟踪应用程序状态变化发生的时间、位置、原因以及方式等 。

灵活: Redux可以与任何UI层结合使用 。

在我们的应用程序中 , Redux有许多便利之处 , 但最重要的一点是你可以从任何地方访问当前用户的信息(如果存在当前登录用户的话) 。 我们将用户信息保存到Redux存储中 , 就可以从应用程序的任意位置访问 , 而不仅限于将当前用户通过props传递的那些组件 。 实际上 , 任何子组件都可以通过以下两种方式之一连接到Redux存储:

推荐阅读