目录 理解 useRef ： 示例 1：访问 DOM 元素 理解 useState ： 示例 2：管理计数器 比较 useRef 和 useState ： 用例： 对比示例： 结论： React 是一...

目录 一、什么是 React.InputHTMLAttributes？ 1. 核心功能 二、常见属性解析 1. 通用 HTML 属性 2. <input> 专属属性 3. 事件处理器 三、React.InputHTMLAttributes 的实际应用 1. 在封...

目录 前言 1.1Props详解 1.2 父子组件通信 1.2.1 构建一个父子组件 1.2.2 父组件给子组件传值 1.2.3 父组件给子组件传值设置默认值 1.2.4 使用prop-types属性验证 1.3 props.children 1.4 rende...

目录 前言 1.1 state及其特点 1.2 state的定义和使用 1.2.1 es6的类 - 构造函数 1.2.2 es7的类 - 属性初始化器 1.3 如何正确的修改state 1.4 this.setState()方法及其特点 1.4.1 传递函数 1.4.2...

目录 状态管理之Jotai 什么是 Jotai？ Jotai 的核心概念 原子（Atom） 派生状态（Derived State） 订阅（Subscription） Jotai 的优势 1. 简单易用 2. 灵活性 3. 性能优化 4. TypeScript 支持 J...

目录 一、背景 二、实现 1. 原始效果 2. 还原原生video控制栏功能 3. 旋转 4. 全屏 5. 比例缩放 三、总结 一、背景 原本我们预览视频仅仅是简单的video标签实现就可以满足业务的需求了，但是某...

目录 报错：'npx: 无法在您的系统中找到模块 create-react-app' 扩展：react-scripts不是内部或外部命令，也不是可运行的程序或批处理文件。 报错：'npx: 无法将模块扩展名.js解析为可执行文件'...

今天深入探索一个神奇的工具——openapi-typescript-codegen。它不仅能够帮助你快速生成TS代码，还能让你的API请求更加高效、类型安全，让开发者摆脱手动编写冗长请求代码的困扰，专注于实现业...

目录 一、处理副作用 1. 副作用的概念 2. useEffect 基本用法 2.1 语法结构 二、模拟生命周期方法 1. 替代 componentDidMount 2. 替代 componentDidUpdate 3. 替代 componentWillUnmount 三、依...

目录 一、实现页面导航 1. 声明式路由定义 1.1 基本原理 1.2 代码示例 2. 动态路由匹配 2.1 处理可变路径参数 2.2 代码示例 二、嵌套路由和布局管理 1. 嵌套路由实现 1.1 构建多层级页面结构 1....