react-bits:使用HOC共享跟踪逻辑
来源:互联网 发布:广州网络推广公司 编辑:程序博客网 时间:2024/04/28 02:31
react-bits
原文
使用高阶组件在不同的组件间共享跟踪逻辑
例如:给不同组件添加分析跟踪代码
- 减少重复代码
- 从表层组件移除跟踪逻辑代码,更有利于测试
import tracker from './tracker.js';// HOCconst pageLoadTracking = (ComposedComponent) => class HOC extends Component { componentDidMount() { tracker.trackPageLoad(this.props.trackingData); } componentDidUpdate() { tracker.trackPageLoad(this.props.trackingData); } render() { return <ComposedComponent {...this.props} /> }};// Usageimport LoginComponent from "./login";const LoginWithTracking = pageLoadTracking(LoginComponent);class SampleComponent extends Component { render() { const trackingData = {/** Nested Object **/}; return <LoginWithTracking trackingData={trackingData}/> }}
0 0
- react-bits:使用HOC共享跟踪逻辑
- react-bits:使用组件进行文本格式化
- ubuntu共享wifi给手机使用(不使用ad-hoc)
- React 高阶组件HOC
- react-bits:列表组件
- react-bits:组件切换
- react-bits:解构参数
- react-bits:条件渲染
- react-bits:Children类型
- react-bits:Proxy Component
- react-bits:Render Callback
- react-bits:Children types
- react-bits:shouldComponentUpdate() check
- React Native 使用Redux全局共享state
- React中的高阶组件(HOC)
- react-bits:JSX扩展属性
- react-bits:Function As Children
- react-bits:Using Pure Components
- 1029. 旧键盘(20)-PAT乙级
- LeetCode
- php运行方式
- Func和Action委托简单用法
- 二叉树中和为某一值得路径
- react-bits:使用HOC共享跟踪逻辑
- 520. Detect Capital
- Javascript关于promise的学习和运行时机
- 23 种设计模式
- (OK) porting MPTCP to LineageOS-14.1-kiwi (Android-7.1.1,运行在Huawei honor 5x) for VirtualBox- 100% 成功
- opencv学习起步(一)
- 运算符_键盘录入_流程控制语句
- [BZOJ2460][BeiJing2011]元素-线性基
- 爬虫软件爬取公开网络数据案例(以大众点评为例)