React中value和defaultValue有何本质区别，具体应用场景是什么？

本文共计739个文字，预计阅读时间需要3分钟。

目录 + React中value与defaultValue的区别 + React + Select标签defaultValue和value踩坑日记 + 第一版 + 第二版 + 第三版 + 总结 + React中value与defaultValue的区别 + 在日常开发的过程中，我们经常会使用input输入框，E2E

目录

• react中value与defaultValue的区别
• react select标签defaultValue和value踩坑日记
• 第一版本
• 第二版
• 第三版
• 总结

react中value与defaultValue的区别

在日常开发的过程中，我们经常会使用input输入框，有时会需要使用value绑定数据，针对这一点，react提出了一个概念，分为了约束性组件和非约束性组件。

之前正常使用的时候我们只需要这样写：

<input value={绑定的数据} type='text'/>

在react中这样的写法会出现一个错误，提示你应该使用onChange来监听这个input或者使用defaultValue来绑定数据。这样可以消除这个错误。