react
青山拂晓
这个作者很懒,什么都没留下…
展开
-
react生命周期
一、initaialization setup props and state 二、Mounting componentWillMount--------render--------componentDidMount 三、Updation a.props componentWillReceiveProps--->shouldComponentUpdate-----true--->component...原创 2020-12-15 19:44:18 · 148 阅读 · 0 评论 -
vue组件和react组件有什么区别
1.vue组件更新,一个值更新了,会引起它相关联的组件更新,其他组件不受影响,代价是需求监听watcher.优势:速度更快。 2.react是全量比较,从根节点开始全量比较,该更新的更新,不该更新的不更新,所有组件都会涉及到,但不需要watcher。 如果页面的组件太多了,一气呵成显得不合时宜,需要引入fiber把较大的任务拆分成多个小任务,可能暂停恢复执行。 ...原创 2020-07-27 00:15:06 · 408 阅读 · 0 评论 -
react中,函数式组件和类组件的优缺点。
1.类组件的性能消耗比较大,因为类组件需要创建类组件的实例,而且不能销毁。 2.函数式组件性能消耗小,因为函数式组件不需要创建实例,渲染的时候就执行一下,得到返回的react元素后就直接把中间量全部都销毁。 函数式组件是不能有状态的,但是现在有了react hooks,也可能有状态了。 ...原创 2020-07-27 00:08:42 · 6846 阅读 · 1 评论 -
react-hook总结
useState useEffect useContext usereducer useMemo 解决react hook的性能问题 缓存状态 useRef useCallBack 缓存方法 1。react hooks 就是用 函数的形式 替代原来 继承类 的形式。使用预函数的形式管理state。 2。const [count,setCount] = useSta...原创 2020-03-27 11:06:55 · 254 阅读 · 0 评论 -
react环境搭建
假设你的npm已经安装无误,现在需要打架一个react运行的环境。以下为安装react运行环境的步骤。 npm install -g create-react-app //下载react框架以及一些依赖 create-react-app hello-wolrd //初始化一个react项目,项目名称为hello-world cd hello-world //打开hello-world项目...原创 2019-01-10 15:41:40 · 100 阅读 · 0 评论