美文网首页
react理论基础

react理论基础

作者: 考拉程序媛 | 来源:发表于2023-08-29 08:05 被阅读0次

1.state和props
相同点:
普通的js对象
包含着影响渲染输出的信息
不同点:
state
组件自己管理数据
控制自己的状态-可变
props
外部传入的数据参数-可变

没有state-无状态组件
多用props
少用state

2.高阶组件HOC-纯组件
接受-个组件并返回一个新组件的函数
因为它们可以接受任何动态提供的子组件,
但不会修改或复制
输入组件中的任何行为 HOC

●代码重用、逻辑和引导抽象
●渲染劫持
●state 抽象和操作
●props处理

3.调用 setState 之后
将传入的参数与之前的状态进行合并,
然后触发所谓的调和过程。
经过调和过程,
会以相对高效的方式
根据新的状态构建 React 元素树
并且着手重新渲染整个 UI 界面。
得到元素树之后
会计算出新的树和老的树之间的差异,
然后根据差异对界面进行最小化重新渲染。
通过 diff 算法,
能够精确制导哪些位置发生了改变以及应该如何改变,
这保证了按需更新,
而不是全部重新渲染。

相关文章

  • 《财务自由之路》2

    这本书分两部分:一、理论基础;二、实践篇 今天主要谈理论基础篇。理论基础部分从仓鼠之轮、书本知识与社会实...

  • 三、效果实现:6、综合基础效果

    理论基础: 代码实现:

  • 理论基础

    Q:如何判断一个函数是凸性的: 最简单的方法就是画个图看看,如果看不出来就再写一个小程序在定义域中随机取很多点,然...

  • 理论基础

    从现代来看,中国确实缺乏基础理论上的创新也就是底层创新,为什么会这样呢,首先经历了几个阶段从西方文艺复兴运动...

  • React基础

    react 教程 react 组件介绍 react state 介绍 react Props 介绍 React:组...

  • 学习react no.1

    学习react no.1 react 定义 react 特点 react

  • React Native 学习之路

    React 相关资料 React Components React Properties React State ...

  • React基础

    React包含react元素和react组件 react元素 react组件 react组件分为函数组件和类组件 ...

  • React面试题 整理脑图

    react基础 React生命周期 react-router react进阶 react Hooks redux 其他

  • 什么是正面管教-Positive Disipline?

    【正面管教的由来】 • 正面管教的理论基础是以阿尔弗雷德•阿德勒和鲁道夫•德雷克斯的个体心理学为理论基础。个体心理...

网友评论

      本文标题:react理论基础

      本文链接:https://www.haomeiwen.com/subject/ywhwpdtx.html