流年同学90058

项目创建 全局安装 React 脚手架 查看 React 脚手架版本 使用脚手架创建 React 项目，项目名称不可包含大写字母 进入对应的目录并运行 项目结构分析 项目各个文件的作用 重新搭建项目

生命周期概念 生命周期的概念： 事物从创建到销毁的过程，React 生命周期是抽象的概念，是描述组件从被渲染到被销毁的整个过程 装载阶段(Mount)： 组件首次在 DOM 树中被渲染的过程 更新过程

插槽意义和实现 意义： 让组件具备更强的通用性，组件内容不限制是某种元素，而是由使用组件的人来决定渲染的内容 实现： Vue 通过 <slot> 标签完成，而 React 有以下两种方案实现 chil

父传子props 父组件通过 属性 = 值 的形式来传递给子组件数据 子组件通过 props 参数获取父组件传递过来的数据，会自动保存到 this.props 中 使用 propTypes 对传入的数

初始化项目 使用 pnpm + vite + vue3 创建工程 在 cmd 命令行中输入 pnpm create vite 工程名 选择 vue 选项 使用语言根据个人选择 按下回车后，工程创建完毕

项目配置文件 在项目的根目录下，新建一个 jsconfig.json 文件，用于指定 JavaScript 项目设置的配置文件 帮助编辑器理解项目的结构、代码和依赖关系， 提供有关代码提示、自动完成和

为何使用setState React 中不能直接修改 state 的值来让界面发生更新，因为 React 并没有实现类似 Vue2 中的 Object.defineProperty，或是 Vue3 中

React更新机制 React 更新流程如下： React 在 props 或 state 发生改变时，会调用 React 的 render 方法，会创建不同的 DOM 树 如果进行全量比较更新(旧

受控组件 在 React 中，HTML 表单的处理方式和普通 DOM 元素不太一样，表单元素(如 <input>、<select>等)通常需要维护自己的 state，并根据输入进行更新 React 中