最近解决项目的bug时,发现Input输入一个字符就失去焦点,以下是我遇到的两种情况的失焦问题,供参考
第一种情况:
页面中使用的是原生的table,给每个tr和td标签都添加了一个key值,问题就是这个key取的值是“日期+随机数”,导致页面每次重新渲染时,key值都会变化,就相当于渲染之后的table和之前的不是同一个了,所以导致Input框失焦。类似如下代码。(代码不全,仅供参考)
解决办法:给key赋一个固定的值
<table>
<tr key={
new Date()+Math.random()