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

rails new my_app_backend--api

至于前端，我采用了create-react-app生成器。

npx create-react-appmy_app_frontend

这两个命令可以帮我建好所需的一切文件。

关于组件的类型

该项目的技术要求是，至少需要写两个容器组件，以及5个无状态组件。 React中的组件是界面的基本构成元素。它可以从父组件接受输入（通过props访问），还可以重用。

下面详细介绍一下容器组件和无状态组件。首先需要解释一下什么是状态（state）。状态就是可能会改变的数据。状态改变可能有多种原因，其中之一就是数据库更新导致状态变化，另一个原因就是用户修改了数据。

容器组件也称为有状态组件，而无状态组件也称为表现组件。容器组件和表现组件并没有严格的区分，每个开发者都可以按照自己的意愿来组织各个组件。但一般而言，容器组件是有状态的，可以通过其状态改变来跟踪，而表现组件没有状态，它可以显示传递过来的props ，也可以永远显示固定的内容。

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