A-A+

react antdesign中input输入框输入时失去焦点

2020年09月09日 react 暂无评论 阅读 29 次

可以看到,每次输入的时候都要点击一下输入框才能继续输入,即表示每次输入后输入框已经失去焦点了。

查阅相关资料后发现是因为 reactNode 的 key 设置不当引起的,开发过程中为了省事,直接生成 UUID 作为 reactNode 的 key 导致每次视图重新渲染之后都生成了一个新的reactNode,react 无法分辨新 reactNode 和旧 reactNode 之间的关系,所以引起失去焦点。

解决办法也很简单,最简单的办法就是将 key 设置为遍历时的索引值.

标签:

给我留言

Copyright © web前端技术开发个人博客 保留所有权利  京ICP备14060653号 Theme  Ality

用户登录