react
午睡的小懒猫
这个作者很懒,什么都没留下…
展开
-
Component和PureComponent的区别
Component和PureComponent的区别几乎完全相同,但 React.PureComponent 通过props和state的浅对比来实现 shouldComponentUpate()。即是否需要重新渲染。因此,在PureComponent中如果包含比较复杂的数据结构,可能回因为深层的数据不一致而导致产生错误的否定判断。说明:如果定义了shouldComponentUpdate(),无论组件是否是PureComponent,它都会执行shouldComponentUpdate()的结果来判原创 2021-01-26 16:18:14 · 269 阅读 · 0 评论 -
ReactDemo-----tab标签切换按钮
tab标签切换按钮效果:点击哪个标签,哪个标签的样式发生变化核心思想:1)需要在state中保存一个当前选中的标签的id,当用户选择的标签发生变化就来改变它2)需要给标签的样式style属性绑定一个事件,用来改变它的样式3)代码:...原创 2020-12-16 20:57:17 · 366 阅读 · 0 评论 -
饼图-----React封装一个Echarts饼图
React封装一个Echarts饼图原创 2020-12-04 11:01:02 · 381 阅读 · 0 评论 -
ReactDemo-----颁奖台小组件
效果:代码:原创 2020-12-04 10:58:26 · 236 阅读 · 0 评论 -
ReactDemo-----路线小组件
1.实现效果:2.实现代码:js代码:<div className={styles.way}> { data.map((val,index)=>{ //拿到代表每一条路线的数组val // console.log(val) return ( //给每一条路线匹配一个虚拟dom, //====原创 2020-11-27 20:44:12 · 156 阅读 · 0 评论 -
react生命周期-----demo实现字体透明度的渐变
实现字体透明度的渐变,并且点解按钮让组件消失<!DOCTYPE html><html><head> <meta charset="UTF-8"> <!--引入react核心库--> <script type="text/javascript" src="./bulid/react.development.js"></script> <!--引入操作react操作DOM库-->原创 2020-11-25 21:27:18 · 288 阅读 · 0 评论