react中input文本框提示由非控组件切换为受控组件
1
Warning: A component is changing an uncontrolled input of type text to be controlled. Input elements should not switch from uncontrolled to controlled (or vice versa).

原因

这是因为在给 input 的赋值的变量默认值是 undefined,做下处理,如果是 undefined 的就返回空字符串就行。

1
2
3
4
5
6
7
8
<input
type="text"
className="flex-grow-1 input-text"
placeholder="请输入文件名称"
ref={title_ref}
value={title || ""} // title的默认是undefined了
onChange={onChangeTitle}
/>
文章作者: wenmu
文章链接: http://blog.wangpengpeng.site/2020/02/28/react%E4%B8%ADinput%E6%96%87%E6%9C%AC%E6%A1%86%E6%8F%90%E7%A4%BA%E7%94%B1%E9%9D%9E%E6%8E%A7%E7%BB%84%E4%BB%B6%E5%88%87%E6%8D%A2%E4%B8%BA%E5%8F%97%E6%8E%A7%E7%BB%84%E4%BB%B6/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 温木的博客
微信打赏