![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
白猫儿
有好的工作私信我
展开
-
React 性能优化
React 性能优化React 应用也是前端应用,前端项目普适的性能优化手段,比如资源加载过程中的优化、减少重绘与回流、服务端渲染、启用 CDN 等,这些手段对于 React 来说也是同样奏效的。但是 React 区别于传统的前端项目特点就是 以组件的形式来组织代码,React 允许我们把一个大的 UI 界面,拆分出可复用的代码片段(也就是组件),可以对每一部分的代码片段进行独立构思。因此,React 组件有一些特色的性能优化思路。接下来,我们开始讲解 React 性能优化的思路!React 组件性能原创 2020-12-31 14:23:06 · 245 阅读 · 1 评论 -
React 16.4 生命周期 (二)
React 生命周期(二)这里只说 React 16.4 之后的生命周期,查看之前的生命周期,请访问:https://blog.csdn.net/weixin_46107920/article/details/109742013static getDerivedStateFromProps(props, state) // 初始化/更新时都会调用getSnapshotBeforeUpdate(prevProps, prevState) // 组件更新时调用Mounting 阶段:组件的初原创 2020-11-17 15:52:03 · 169 阅读 · 0 评论 -
React 的生命周期(一)
React 的生命周期(一)React 15 中的生命周期,有一下几个:constructor() // 定义组件时,执行生命周期, 一般state会在里面初始化componentWillReceiveProps(nextProps) // 父组件修改组件的props时会调用(官方文档:父组件每次render时都会调用)shouldComponentUpdate(nextProps, nextState) // 组件更新时调用componentWillMo原创 2020-11-17 14:31:02 · 216 阅读 · 0 评论 -
React 父子组件传值的方式
父子组件传值的方式1. 父传子由于React是单向数据流,因此造成了当前组件的state以props形式流动时,只能流向组件树中比自己层级更低的组件。 比如在父-子组件这种嵌套关系中,只能由父组件传 props 给子组件,而不能反过来。子组件代码function Child(props) { return ( <div className="child"> <p>{`子组件接收父组件的文本内容是:[${props.fatherText}]`}</原创 2020-10-23 11:38:30 · 1045 阅读 · 0 评论