本文详细解析了React中input元素value属性与onChange事件处理程序的正确使用方式。当设置了value属性时，该字段变为受控组件，值将固定不变，除非通过onChange事件触发更新。若希望输入框初始值可变但又不希望其被编辑，则应使用defaultValue并设置readOnly属性。
错误信息：
eact.js:20483 Warning: Failed form propType: You provided a value prop to a form field without an onChangehandler. This will render a read-only field. If the field should be mutable use defaultValue. Otherwise, set either onChange or readOnly. Check the render method of TickTock.
原因：
如果设置value，那value就永远是设置的那个值，要通过输入内容改变只能通过onChange，要么就把这个input设置成readOnly的
英文讲得很明白，如果你希望的是给字段赋初值那就用 defaultValue，如果用了类似 <input value={1} />这种，那这个输入框的值将永远为1，无法通过输入来更改，只能通过onChange来修改
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
