react

一、安装依赖：react-transition-group 二、过渡动画实现示例 jsx css...

一、核心总结 Class 组件通过 this.div1 = React.createRef(); <div ref={this.div1}>...</div> 获取DOM 元素，this.div1.c

一、核心总结 1、向子组件传值 父组件中，在子元素上直接填写属性来传递数据给 子组件， 子组件里可以通过 props 拿到传递过来的数据 2、向父组件传值 子组件中触发 props 上的方法来给父组件

要点总结 表单元素使用 value 属性绑定数据， 使用 onChange 来更新数据(class组件 和 function 组件) watch 监听：class 组件使用 this.setState

class 组件的生命周期 渲染阶段 render ：渲染之前,执行 render 决定模版 componentDidMount：已经挂载，一般用于页面初始化，可以请求一些数据 更新阶段 should

函数组件 类组件...........................................

1、css module 方式 创建 test.js,且同级创建 test.module.css 文件（注意css的文件命名一定是 xxx.module.css） test.js 中引入 test.m

style 绑定 className 绑定类名............................

一、要点 使用 onClick 进行事件绑定,注意不要加 () 传参需要使用 bind 进行传参 在 React 中所有事件都会传播，除了 onScroll，它仅适用于你附加到的 JSX 标签 e.s

一、循环渲染和条件渲染要点 使用 map 或者 filter 来循环渲染, 循环项绑定 key，提高性能 使用 三元表达式、&&、if..else 来进行条件渲染 二、 注意点 条件渲染中，如果不需要

函数组件方式：创建和使用子组件 类组件方式：创建和使用子组件.....................

一、state 特点 react 的state类似于 vue 的 data，是react 的响应式数据 直接修改 state 数据是无效的，需要通过对应的方法更改 state 数据后视图才会更新 st

一、组件特点 可以是一个方法，也可以是一个 class（类） 可以在 js 或 jsx 文件中直接写一段html作为一个组件，也可以写成一个单独的jsx或者js文件 组件名需首字母大写 二、jsx j

学习的过程中，我暂时使用 vite 来构建一个 react 项目作为练习 1. 使用 Create React App 2. 使用 Vite 3. 使用 Next.js 4. 使用 Gatsby 5.

AI 时代为什么还要学 React 2026 年学 React，很多人会问：AI 都能写代码了，还有必要学框架吗？ 现在有了 Copilot、Cursor 这些工具，写组件的速度确实快了很多。 但我发