我的第一个全栈 Web 应用程序( 六 )_在这篇文章

至于本文讨论的应用程序，我决定采用最基本的分割方法。我给API中的每个模型都建立了一个容器组件。随着项目的进行，我删掉了一些不再需要的组件，同时还添加了一些其他组件。有状态组件基本上都是表单。最好的例子就是注册表单和登录表单。在React的表单中，每次用户输入都会导致状态的变化，可能是局部状态变化，也可能是Redux存储状态变化（我们稍后讨论Redux）。无状态组件的例子就是 BicyclesList.js 中的自行车列表。这个组件通过 props 接受一个来自 CitiesContainer 组件的城市列表，它本身与状态没有任何关系。

React中的路由

由于单页应用中不会重新加载完整的页面，因此产生的问题之一就是路由如何进行。 Web应用程序中路由的作用是，在用户访问特定网页时确定需要执行什么。我们的单页应用中只有一个视图，因此没办法像Rails应用程序那样在用户点击链接时跳转到另一个视图。