React:Failed prop type: You provided a `value` prop to a form field without an `onChange` handler. T

时间:2024-04-08 14:33:06

错误截图:
React:Failed prop type: You provided a `value` prop to a form field without an `onChange` handler. T
原因
原因是因为input标签,没有定义onChange 但是提供了value属性。React会抛出警告,并将元素设置为只读。

如果目标是只读字段,最好使用readOnly属性明确加以定义。这不仅会消除警告,也会确保代码的可读性。

解决
可以添加readOnly={true} ,或者直接添加readOnly属性,而不设置值,React会默认将该属性的值设为true。