【React+AntD】3、时隔多年之后绑定文本框与 state 中的值(双向数据绑定)
发布日期：2021-05-17 18:00:31
浏览次数：23
分类：精选文章
本文共 311 字，大约阅读时间需要 1 分钟。
在 Vue 中，默认提供了 v-model 指令，方便实现数据的双向绑定；
但是在 React 中没有双向数据绑定指令，即只能将 state 上的数据绑定到页面，无法将页面数据变化同步回 state；
要实现页面数据变化保存到 state，需手动监听文本框 onChange 事件，获取最新数据并调用 setState。
页面 UI结构
onChange 事件处理函数：
txtChanged = e => { this.setState({ msg: e.target.value });} 推荐写法：
推荐写法二简单优雅
在 React 数据双向绑定中，可以通过手动监听 onChangeобыти得以实现数据同步。
发表评论
最新留言
不错！
[***.144.177.141]2025年04月09日 19时19分33秒
关于作者
喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！
-- 愿君每日到此一游！
推荐文章
wxWidgets源码分析(5) - 窗口管理
2019-03-06
wxWidgets源码分析(8) - MVC架构
2019-03-06
wxWidgets源码分析(9) - wxString
2019-03-06
[梁山好汉说IT] 梁山好汉和抢劫银行
2019-03-06
[源码解析] 消息队列 Kombu 之 基本架构
2019-03-06
[源码分析] 消息队列 Kombu 之 启动过程
2019-03-06
wx.NET CLI wrapper for wxWidgets
2019-03-06
ASP.NET MVC Action Filters
2019-03-06
Powershell中禁止执行脚本解决办法
2019-03-06
OO_Unit2 多线程电梯总结
2019-03-06
04_Mysql配置文件（重要参数）
2019-03-06
JavaSE总结
2019-03-06
手动造轮子——基于.NetCore的RPC框架DotNetCoreRpc
2019-03-06
Python IO编程
2019-03-06
CSS入门总结
2019-03-06
使用 TortoiseGit 时，报 Access denied 错误
2019-03-06
基于 HTML5 WebGL 的污水处理厂泵站自控系统
2019-03-06
白红宇的个人博客 - 记录点点滴滴的事 - 您是第 462545806 位访客