代码报错 : - Warning: You provided a `value` prop to a form field without an `onChange` handler. This

报错截图:

 

翻译:

 

报错原因:

        在 input 标签里,没有定义 onChange 事件, 但是提供了 value 属性, 这时React会抛出警告，并将元素设置为只读;

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

解决方案一:

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

解决方案二:

 在 input 框里添加一个 onChange 事件, 给一个值为箭头函数;