React Hooks 核心原理与实战
王沛
eBay 中国研发中心资深技术专家
新⼈⾸单¥59.9
1236 人已学习
课程目录
已更新 15 讲 / 共 23 讲
0/2登录后,你可以任选2讲全文学习。
开篇词 (1讲)
开篇词 | 全面拥抱 Hooks,掌握最新 React 开发方式
免费
基础篇 (7讲)
01|认识 React:如何创建你的第一个 React 应用?
02|理解 Hooks:React 为什么要发明 Hooks?
03|内置 Hooks(1):如何保存组件状态和使用生命周期?
04|内置 Hooks(2):为什么要避免重复定义回调函数?
05|进一步认识 Hooks :如何正确理解函数组件的生命周期?
06|自定义Hooks :四个典型的使用场景
07|全局状态管理:如何在函数组件中使用 Redux?
实战篇 (7讲)
08|复杂状态处理:如何保证状态一致性?
答疑解惑01|如何转换应用React Hooks 的思路?
09|异步处理:如何向服务器端发送请求?
10|函数组件设计模式:如何应对复杂条件渲染场景?
11|事件处理:如何创建自定义事件?
12|项目结构:为什么要按领域组织文件夹结构?
13|Form:Hooks 给 Form 处理带来了哪些新变化?
React Hooks 核心原理与实战
15
15
1.0x
00:00/00:00
登录|注册

13|Form:Hooks 给 Form 处理带来了哪些新变化?

你好,我是王沛。今天我们来聊聊如何在 React 中使用表单。
表单作为用户交互最为常见的形式,但在 React 中实现起来却并没有那么容易。甚至可以说,使用表单,是 React 开发中最为困难的一部分。
主要有两方面的原因。一方面,React 都是状态驱动,而表单却是事件驱动,比如点击按钮、输入字符等,都是一个个离散的事件。因此,一般来说我们都需要将这些独立的事件转换成一定的应用程序状态,最终来完成表单的交互。
另一方面,表单元素一般都有自己的内在状态,比如原生的 input 节点就允许用户输入,这就需要我们在元素状态和表单状态之间做同步。
要能够很好地处理这些问题,我们首先需要对表单的机制有深入的理解,然后再从 React Hooks 的角度去思考问题的解决方案
所以在今天这节课,我会从这三个方面来讲。
首先,介绍 React 中使用表单的基本原理,帮助你理解受控组件和非受控组件的概念,以及各自的适用场景。
然后看看 Hooks 出现后,给表单处理带来了哪些思路上的新变化。
最后,我们会学习几个常见的开箱即用的 React 表单解决方案,让你在理解实现原理的基础上,可以选择最适合自己的开源方案。

在表单中使用 React 组件:受控组件和非受控组件

确认放弃笔记?
放弃后所记笔记将不保留。
新功能上线,你的历史笔记已初始化为私密笔记,是否一键批量公开?
批量公开的笔记不会为你同步至部落
公开
同步至部落
取消
完成
0/1000字
划线
笔记
复制
该试读文章来自付费专栏《React Hooks 核心原理与实战》,如需阅读全部文章,
请订阅文章所属专栏新⼈⾸单¥59.9
立即订阅
登录 后留言

精选留言(1)

  • Geek_ad92ae
    老师,你好。在用户二次修改表单时,一般需要通过网络请求历史的表单数据进行初始化,这种情况是不是可以把网络请求和数据初始化的逻辑封装在useform里面?
    2021-06-24
收起评论
1
返回
顶部