前端必读好文：容器组件

文章预览

medium 原文链接：https://medium.com/@learnreact/container-components-c0e67432e005 对我的代码有最深远影响的一个 React 模式叫  container component  模式。 Jason Bonta 讲了如何建立高性能组件（High Performance Components），这个演讲讲的就是  container components 。 这个概念非常简单： 一个 container 仅仅只是做数据拉取然后渲染它对应的子组件。 “Corresponding” 意味着分享同一个名称的组件，例如： (StockWidgetContainer) => StockWidget; (TagCloudContainer) => TagCloud; (PartyPooperListContainer) => PartyPooperList; 这就是其中的概念。 为什么用 container Why containers？ 假设你有一个用于展示评论的组件。在你不使用 container 组件的时候，你会把所有代码都放在一个地方： class   CommentList   extends   React . Component   {    this .sta ………………………………