一、render props 模式
如果两个组件有重复的状态逻辑代码（状态，操作状态方法），即适用；
举个栗子🌰
监听鼠标移动事件
使用鼠标移动事件组件实现两组
用children代替render更为简洁，context属性即是同理
二、高阶组件
什么是高阶组件，高阶组件的用途
高阶组件使用步骤
举个栗子🌰
注意：调试时使用高阶组件得到的组件名称相同，为了便于区分，需要设置displayName
举个栗子🌰
高阶组件 props丢失问题
『react』 render props 及高阶组件
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 掌握这个有用的模式，停止在 React Components 中重复逻辑！ 😎 原文：React Higher O...
- ReactNative重用高阶组件、render props和Hook 在日积月累的需求下，不同开发人员导致重复代...
