Event Track(V3)
2024-02-24 本文已影响0人
玫瑰的lover
- 方案
- 二次封装
xxx
SDK, 支持 3 种函数,clickTrackEvent
,showTrackEvent
anddurationTrackEvent
- 支持 3 类组件
ClickTrack
,ImpressionTrack
andDurationTrack
-
Tracker
,ITrackerEvent
支持批量埋点
- 二次封装
- 优点
让功能开发中的代码更加灵活,更加方便阅读 - 抽象: 一种功能实现
组件
和函数
形式- 需要劫持
Element Attribute
,比如:click
事件 - 使用
useEffect
,方法不能在try catch
中使用
- 需要劫持
- 迁移:
Monitor
pageCrash componentCrash reportXFMP - 其他特点:埋点是否在可视区
- 实现:
React.Element vs. Component
<router element = {<MyComponent name = {} /> }/>
通过 react router dome
中的router
的使用,来看两者的区别:
React Element 可以让用户传入自定义组件的同时,也传入属性,更加灵活;
React.createElement (MyComponent, null);
可以将组件转成元素
另外,React 官方已经不再推荐使用React.cloneElement
和React.createElement
,可以使用JSX
替代