官术网_书友最值得收藏!

Container component

The container component pattern was introduced a long time ago and was popularized within the React community by Dan Abramov. So far, we have created one container component when we refactored the contents of the App component to become a presentational component. It turns out that the App component became a container component—it contains the HelloBox component and implements the necessary logic for it. What did we gain from this approach?  We gained the following:

  • We can implement expanding and collapsing in a different way and reuse the markup of the HelloBox component
  • HelloBox does not contain logic
  • The container component encapsulates logic and hides it from the other components
I highly recommend reading Dan Abramov's medium post on this. Check out  https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0 for more information. Container components are very useful tools when it comes to dependency injection patterns. Have a look at Chapter 10, Managing Dependencies, to learn more.
主站蜘蛛池模板: 屯留县| 昌江| 偏关县| 左云县| 邮箱| 建平县| 盘锦市| 桦南县| 胶南市| 新蔡县| 葫芦岛市| 扶余县| 平遥县| 屏南县| 太仆寺旗| 连江县| 台湾省| 临沂市| 饶平县| 迁安市| 嘉义县| 江陵县| 科技| 万安县| 沾益县| 金阳县| 潍坊市| 化州市| 法库县| 永城市| 平利县| 临泉县| 万源市| 樟树市| 古蔺县| 穆棱市| 玉田县| 旅游| 安阳市| 海丰县| 克什克腾旗|