问题:
Input 输入一个字符串失去焦点,原因onchange方法出发render函数组件重新渲染。
大概如下几种情况:
1、<Input onChange={()=>{ this.setState({}) }}/>
2、render的return中用到if/else的分支判断
3、表格rowkey或者input 的key属性用了随机数等不确定的值等
项目中遇到的问题:
表格数据有code,value原先code 不可改作为rowkey,
需求变化需要code可改,rowkey变成不确定的值导致input输入一个字符就失去焦点
修改:
思路: 用一个新的固定的值来作为rowkey
解决: 尝试获取表格的index 无果
在获取到表格数据后位表格添加keyIndex属性,添加数据时增加rowindex属性