React 报错如下:
Warning: You provided a value
prop to a form field without an onChange
handler. This will render a read-only field. If the field should be mutable use defaultValue
. Otherwise, set either onChange
or readOnly
.
原因:
- input标签没有定义onChange事件,但提供了value属性。React会抛出警告,并将元素设置为只读。
- 如果目标是只读字段,最好使用readOnly属性明确加以定义。这不仅会消除警告,也会确保代码的可读性。
解决:
- 可以添加readOnly={true} ,或者直接添加readOnly属性,而不设置值,React会默认将该属性的值设为true。
- 检查onChange事件拼写是否正确,
参考 链接