React 项目目录结构一般都是怎么规划的呢？

对后端的结构分层比较了解，比如

• Controller 层：处理请求和响应，与外部交互，对参数进行基本校验和转换。
• Service 层：处理业务逻辑，实现业务流程的组织和控制，调用各种 Logic 层提供的功能。
• Logic 层：处理具体业务逻辑的实现，与底层数据存储打交道，专注于实现具体的业务逻辑，不关心外部调用者是谁，也不关心具体的业务流程，只负责实现功能并提供对外接口。
• Dao 层：与数据存储打交道，提供对存储的增删改查操作的封装。

在写 react 的过程中，react 基本一个页面就是一个函数组件。如果页面功能稍微复杂一点，就各种状态，子组件，越多越复杂。

很想像后端那样 也可以分成 pages,service,logic 等这样的层级。方便管理和扩展。

但 react 页面就是一个函数组件，也不太好分吧。

可以看看各位都是怎么分的呢？