react Input组件输入字符串,失去焦点,需要重新点击获取焦点
2020-08-12 18:31
567 查看
出错的伪代码如下:
import { Input } from 'antd' ... let arr = [1, 2, 3, 4] ... return ( <div> { arr.map((item) => { return ( <Input key={Math.random()} onChange={(value)=>{ console.log(value) }} />) }) } </div> )
看似普通,暗含杀机
我有时会使用Math.random()去当作key值,但是更新渲染时,每一次更新都会重新计算key值,这就意味这我们的Input已经不是同一个了,自然就会失去焦点。
最好的办法就是使用对象的id,index也要慎用
相关文章推荐
- 点击屏幕其它地方,让EditText失去焦点,并获取EditText输入的类容
- 类似于QQ聊天界面的EditView输入控件点击获取焦点弹出软件盘,点击屏幕使EditView失去焦点隐藏软件盘。
- react input输入一次就失去焦点的问题
- react input 获取/失去焦点
- Jquery实现文本框获取焦点清空内容,失去焦点重新获得内容
- 获取inpu焦点,输入完后自动跳到第二个input
- Android开发中EditText的点击Enter键焦点改变处理(获取焦点和失去焦点交互变化)
- EditText密码输入错误后重新获取焦点并自动弹出软键盘
- 还是一个鼠标点击td变成input,失去焦点更新数据库
- 关于窗体和控件获取与失去输入焦点的事件
- 启动app ,EditText失去焦点,点击获取焦点
- jQuery的input失去焦点之后,不能使用focus()重新得到焦点
- 还是一个鼠标点击td变成input,失去焦点更新数据库
- EditText设置失去焦点和重新获取焦点
- Jquery实现文本框获取焦点清空内容,失去焦点重新获得内容
- 还是一个鼠标点击td变成input,失去焦点更新数据库
- DatePicker 控件在5.0以上版本 焦点释放问题 手动输入点击确定按钮不能正确获取到日期优化
- React(0.13) 定义一个input组件,使其输入的值转为大写
- 当input获取倒焦点的时候,获得输入内容
- 多个input输入框 限制每个输入框输入一位 输入完成自动获取下一个input焦点