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

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.
主站蜘蛛池模板: 台安县| 弥勒县| 天祝| 凤城市| 秦安县| 东阿县| 澄城县| 平原县| 亚东县| 浦城县| 周至县| 云霄县| 同德县| 三河市| 黄大仙区| 曲阜市| 黄大仙区| 乌拉特中旗| 台湾省| 西宁市| 延安市| 湄潭县| 靖州| 从江县| 津市市| 蒙山县| 吴川市| 扬中市| 广饶县| 高州市| 安义县| 晋江市| 民和| 北碚区| 南华县| 高州市| 临泉县| 朝阳市| 温泉县| 宜君县| 右玉县|