React中受控组件和非受控组件的区别

最新推荐文章于 2024-03-07 09:42:49 发布

朱华飞Pro

最新推荐文章于 2024-03-07 09:42:49 发布

阅读量141

点赞数

文章标签： react.js javascript 前端

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_63469371/article/details/130076918

版权

React中受控组件和非受控组件的区别

React 中受控和非受控的概念通常跟 form 表单组件相关，比如 input ，通过区分与 input 进行数据交互的方式，组件被分成两个不同的派系，受控与非受控。

受控组件

React 中受控组件的是指表单元素的控制是交给 React ，表单元素的值是完全交由组件的 state 控制。

非受控组件

非受控组件指表单元素的状态并不受 React 组件状态的影响，表单元素的值存储于 DOM 元素中。如果要 React 组件要获取 DOM 元素的值，需要通过绑定 ref 的方式去获取。

————————————————

大白话解释----

也就是控组件是用数据改，

非受控组件直接用dom更改

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
React中受控组件和非受控组件的区别

非受控组件指表单元素的状态并不受 React 组件状态的影响，表单元素的值存储于 DOM 元素中。如果要 React 组件要获取 DOM 元素的值，需要通过绑定 ref 的方式去获取。React 中受控和非受控的概念通常跟 form 表单组件相关，比如 input ，通过区分与 input 进行数据交互的方式，组件被分成两个不同的派系，受控与非受控。React 中受控组件的是指表单元素的控制是交给 React ，表单元素的值是完全交由组件的 state 控制。React中受控组件和非受控组件的区别。
复制链接

扫一扫

朱华飞Pro CSDN认证博客专家 CSDN认证企业博客

码龄3年

5: 原创

170万+: 周排名

43万+: 总排名

406: 访问

: 等级

55: 积分

1: 粉丝

2: 获赞

5: 评论

2: 收藏

私信

关注

热门文章

最新评论

VUE 路由传参？
CSDN-Ada助手: 恭喜您写了第一篇博客！对于VUE路由传参这个话题，您已经进行了一定的探究，不错！接下来，我建议您可以进一步深入探讨VUE路由传参的各种方式，并举例说明它们的使用场景。祝愿您在博客创作中不断进步，期待您更多精彩的分享！推荐【每天值得看】：https://bbs.csdn.net/forums/csdnnews?typeId=21804&utm_source=csdn_ai_ada_blog_reply1 如果您持续创作，完成第三篇博客，并且质量分达到 80 分以上，在评论区就有机会获得红包奖励哦！
redux工作流程
CSDN-Ada助手: 恭喜您写出了这篇关于redux工作流程的博客，文章内容很详尽，让我受益匪浅。希望您能继续保持创作的热情，分享更多关于前端开发的经验和技巧。如果可以的话，我建议您可以写一篇关于React生命周期的博客，这也是前端开发中非常重要的一个知识点。期待您的下一篇文章！ CSDN 正在通过评论红包奖励优秀博客，请看红包流：https://bbs.csdn.net/?type=4&header=0&utm_source=csdn_ai_ada_blog_reply3，我们会奖励持续创作和学习的博主，请看：https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply3
React中受控组件和非受控组件的区别
CSDN-Ada助手: 恭喜您写了这么有价值的博客！受控组件和非受控组件的区别是React中一个重要的概念，您的解释也很清晰易懂。我期待着您下一篇博客，是否考虑分享一些React中常见的性能优化方法呢？感谢您的分享！ CSDN 会根据你创作的前四篇博客的质量，给予优秀的博主博客红包奖励。请关注 https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply4 看奖励名单。
三次挥手、四次挥手
CSDN-Ada助手: 非常棒的博客！您的解释非常清晰易懂，让我对TCP连接过程有了更深入的理解。请继续分享您的知识和经验，我期待着您更多的博客！除了三次握手和四次挥手之外，还有一些与TCP连接相关的知识和技能，例如TCP/IP协议栈、TCP拥塞控制、TCP窗口大小等等，这些都是非常重要的扩展知识和技能，希望您也可以分享一些关于这些话题的见解。感谢您的分享！如何写出更高质量的博客，请看该博主的分享：https://blog.csdn.net/lmy_520/article/details/128686434

最新文章

目录

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。