来自B站李立超老师

React与传统MVC的关系

  • React不是一个完整的MVC框架，最多可以认为是MVC中的V（View），甚至React并不非常认可MVC开发模式；React 构建页面 UI 的库。可以简单地理解为，React 将界面分成了各个独立的小块，每一个块就是组件，这些组件之间可以组合、嵌套，就成了我们的页面。

React的特性

1
2
3
4
5
6
7
特点:
1.声明式设计-React采用声明范式，可以轻松描述应用。
2.高效一React通过对DOM的模拟(虚拟dom),最大限度地减少与DOM的交互。
3.灵活-React可以与已知的库或框架很好地配合。
4.JSX - JSX是JavaScript语法的扩展。
5.组件-通过React构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。
6.单向响应的数据流- React实现了单向响应的数据流，从而减少了重复代码，这也是它为什么比传统数据绑定更简单。

css样式写法

数据通信

effect(副作用)

  • 解决巡回问题
  • 在react严格模式下 会进行重复调用
  • effect

  • 使用useEffect() 在组件渲染完成后再执行(每次渲染完成后都调用) 第二个参数 是依赖项 数组形式 当它发生变化时才执行
  • 如果依赖项设置了一个空数组，则意味Effect只会在组件初始化时触发一次

reducer

  • 使用useReducer() 整合函数

react.memo

  • 对组件进行缓冲，只有当组件中的props数据发生变化是才进行重新渲染