javascript - 子组件应该在什么级别拥有自己的容器(逻辑react-redux的connect)组件才能管理自己的mapDispatchToProps?

标签 javascript reactjs architecture redux react-redux

关于react-redux docs ,Dan 将 clickHandler 从容器组件传递到 todolist,然后将其作为 props 传递给 todo。子组件应该在什么级别拥有自己的连接来通过mapDispatchToProps创建clickHandler?

例如,如果待办事项有自己的迷你待办事项子项,需要与原始待办事项不同类型的单击处理程序,则是否应该在容器待办事项列表中一直创建此单击处理程序并向下传递给待办事项和到迷你待办事项? 或者是否应该有一个单独的容器组件用于迷你待办事项,通过其自己的mapDispatchToProps创建自己的点击处理程序?

这个问题也适用于mapStateToProps。

最佳答案

根据文档mapStateToProps如果组件想要订阅 Redux 存储更新,则使用。如果需要使子组件保持更新,则应将容器组件分开。

对于最佳实践,我建议 this 。 (redux-duck方法)只需查看存储库的star即可。很多开发者都喜欢这个。

关于javascript - 子组件应该在什么级别拥有自己的容器(逻辑react-redux的connect)组件才能管理自己的mapDispatchToProps?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39176661/

相关文章:

reactjs - React TypeScript : Types of property 'X' are incompatible. 类型 'Y' 不可分配给类型 'Z'

javascript - 谁能为大型 Web 应用程序推荐一个好的客户端架构和结构?

ruby-on-rails - 在哪里放置可重用的方法以供 rails 中的 Controller 访问

javascript - jsoup 以键值对的形式从网页检索数据

javascript - IEWebGL插件Three.js

javascript - 通过 Javascript 动态选择 CSS URL

javascript - 根据react js中的条件将值从一个函数传递到另一个函数

javascript - 如何在 Reactjs 的 react-router-dom 版本 5 中使用重定向

c# - 更改继承属性的类型(到继承类型)

javascript - 更改 Algolia instantsearch.js 统计模板