React Redux 文件夹结构:供应商在哪里?
React Redux folder structure : where are providers?
大多数关于 React-Redux 文件夹结构的答案都关注组件(愚蠢)和容器(智能)的分离。假设提供者将成为主要的小部件组件,我大部分时间都在父文件夹中看到它(在 js 下)。
js
- 操作
- 组件
- 减速机
- 容器
- main.jsx(提供商)
但是,对于模块化应用程序,例如有一个包含 3 个步骤的反应小部件(select,审查和确认屏幕),每个屏幕都有自己的提供程序、容器和组件。那么,how/where 我们应该维护三个不同的 widget.jsx 提供商吗?它应该在 "components" 文件夹下吗?
编辑:删除了商店,因为 redux 没有。
容器应该是这三个步骤的父组件。提供程序应附加到容器。各个步骤 - select、审核、确认应通过容器上的 props 发送操作。
大多数关于 React-Redux 文件夹结构的答案都关注组件(愚蠢)和容器(智能)的分离。假设提供者将成为主要的小部件组件,我大部分时间都在父文件夹中看到它(在 js 下)。
js
- 操作
- 组件
- 减速机
- 容器
- main.jsx(提供商)
但是,对于模块化应用程序,例如有一个包含 3 个步骤的反应小部件(select,审查和确认屏幕),每个屏幕都有自己的提供程序、容器和组件。那么,how/where 我们应该维护三个不同的 widget.jsx 提供商吗?它应该在 "components" 文件夹下吗?
编辑:删除了商店,因为 redux 没有。
容器应该是这三个步骤的父组件。提供程序应附加到容器。各个步骤 - select、审核、确认应通过容器上的 props 发送操作。