报错截图:
翻译:
报错原因:
在 input 标签里,没有定义 onChange 事件, 但是提供了 value 属性, 这时React会抛出警告,并将元素设置为只读;
如果目标是只读字段,最好使用readOnly属性明确加以定义。这不仅会消除警告,也会确保代码的只读性;
解决方案一:
可以添加readOnly={true} ,或者直接添加readOnly属性,而不设置值,React会默认将该属性的值设为true;
解决方案二:
在 input 框里添加一个 onChange 事件, 给一个值为箭头函数;