React搞起来！！！

类组件 通过Interface约束state类型 属性约束 子传父点击隐藏 函数组件 通过Interface约束state类型 属性约束 Ref 子传父点击隐藏

Flux与Redux Flux是一种架构思想，专门解决软件的结构问题。与MVC架构是同一类东西，但是更加简单和清晰，Flux至少有15种实现方式 ![[Pasted image 20231123092

使用Hooks的理由 1、高阶组件为了复用导致代码层级复杂 2、生命周期的复杂 3、写成functional组件，无状态组件，因为需要状态，又改了class，成本高 保存组件状态useState 基本

生命周期 初始化阶段 componentWillMount：渲染之前最后一次修改状态的机会 //旧 render：只能访问this.props和this.state，不允许修改状态和DOM输出 com

父子组件通信方式 父传子：属性 子传父：回调方法 父组件 子组件 非父子间组件通信 1、状态提升（或者叫中间人）

属性基本使用 属性验证 默认属性 属性指定默认值，没接收值就还是默认值，接收了值就覆盖 属性VS状态 相似点，都是纯JS对象，都会触发render更新，都具有确定性 不同点： 1、属性能从父组件获取，

1、把编写的JSX语法，编译为虚拟DOM对象 2、把虚拟DOM渲染为真实DOM 第一次渲染是直接从虚拟DOM转为真实DOM，但后期视图更新时需要通过DOM-DIFF的比对，判断需要更新的内容。 绑定事

简介 起源于Facebook的内部项目，因为该公司对市场上所有的JavaScript MVC框架都不满意，自己搞了一个，用来写Instagram。 React把视图拆成了组件 React的特性 声明式