Reactjs 将组件连接到组件js文件中的存储区

在许多教程中，我看到人们做了以下工作：

在

组件

文件夹中创建

注册表单

文件：

const RegistrationForm= (props) => (
  <div className="registration-page">
    <Helmet>
      <title>NT SN | Registration</title>
    </Helmet>
    ... doing something
  </div>
)

export default RegistrationForm

我可以将

我的
组件
连接到
组件
文件中的
存储
吗？如果是，那么
containers
文件夹有什么意义

我可以将我的组件直接连接到组件中的存储区吗
档案

对

如果是，容器文件夹有什么意义

这只是一些人喜欢组织代码的一种方式。其思想是将组件的表示部分与组件的“重载和逻辑”部分分开

有关其背后的逻辑，请参阅文章

我可以将我的组件直接连接到组件中的存储区吗
档案

对

如果是，容器文件夹有什么意义

这只是一些人喜欢组织代码的一种方式。其思想是将组件的表示部分与组件的“重载和逻辑”部分分开

有关其背后的逻辑，请参阅文章。
我可以将我的组件直接连接到组件文件中的存储吗

是的，你可以

如果是，容器文件夹有什么意义

如果在容器文件夹中连接组件，则在
连接（MapStateTops、mapDispatchToProps）（您的组件）将不会
可重复使用。如果您有单独的文件连接
在逻辑上，您可以跨多个组件重用它

您的容器将数据映射到redux状态以及操作。您只需使用该容器导出调用任何组件，即可获得所有数据和操作。当您有不同的组件监视和期望相同的数据和操作集时，用例将更加明显
我可以将我的组件直接连接到组件文件中的存储吗

是的，你可以

如果是，容器文件夹有什么意义

如果在容器文件夹中连接组件，则在
连接（MapStateTops、mapDispatchToProps）（您的组件）将不会
可重复使用。如果您有单独的文件连接
在逻辑上，您可以跨多个组件重用它

您的容器将数据映射到redux状态以及操作。您只需使用该容器导出调用任何组件，即可获得所有数据和操作。当您有不同的组件监视和期望同一组数据和操作时，用例将更加明显。实际上，您可以按自己想要的方式组织文件夹。我目前正在处理两个不同代码结构的项目。在其中一个示例中，我按域/功能拆分文件夹，而不是按容器/组件拆分文件夹

这是一篇关于文件夹结构的好文章，有很多链接：

当然你可以这样做
事实上，你可以用你想要的方式组织你的文件夹。我目前正在处理两个不同代码结构的项目。在其中一个示例中，我按域/功能拆分文件夹，而不是按容器/组件拆分文件夹

这是一篇关于文件夹结构的好文章，有很多链接：

另外，你当然可以这样做

import { connect } from 'react-redux'
import RegistrationFormComponent from '../../components/RegistrationPage/RegistrationForm'

const RegistrationForm = connect(state => ({
  activeUser: state.activeUser
}), {})(RegistrationFormComponent)

export default RegistrationForm