警惕RN中TextInput控件中因key不固定造成的输入后失去焦点,丢失字符等问题
根本原因:react/react native 采用diff算法,若重新渲染时dom的key不同则会生成新dom,造成字符丢失,失去焦点等问题。本例中,TextInput控件虽然没有写在内容区而是写在了listHeader区,但是每次刷新仍然会出问题。解决方法应该是将TextInput写到FlatList外。或者通过代码令其不重复渲染。
原创
2022-10-31 21:43:04 ·
479 阅读 ·
1 评论