『react』 render props 及高阶组件

一、render props 模式

如果两个组件有重复的状态逻辑代码（状态，操作状态方法），即适用；

举个栗子🌰

监听鼠标移动事件


使用鼠标移动事件组件实现两组

用children代替render更为简洁，context属性即是同理

二、高阶组件


什么是高阶组件，高阶组件的用途
高阶组件使用步骤


举个栗子🌰

注意：调试时使用高阶组件得到的组件名称相同，为了便于区分，需要设置displayName

举个栗子🌰

高阶组件 props丢失问题

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容