Reactjs 反应最终形式-每次击键后输入失去焦点从“React”导入React；从“react final Form”导入{Field，Form}；导出函数LogInDialog（props:{open:boolean；onClose:（）=>void}）{ const onSubmit=vals=>{ 警报（JSON.stringify（vals））； }; console.log（“logindialog”）；返回( ( ( )} > )} /> ); }_Reactjs_React Final Form

Reactjs 反应最终形式-每次击键后输入失去焦点从“React”导入React；从“react final Form”导入{Field，Form}；导出函数LogInDialog（props:{open:boolean；onClose:（）=>void}）{ const onSubmit=vals=>{ 警报（JSON.stringify（vals））； }; console.log（“logindialog”）；返回( ( ( )} > )} /> ); }

reactjs

Reactjs 反应最终形式-每次击键后输入失去焦点从“React”导入React；从“react final Form”导入{Field，Form}；导出函数LogInDialog（props:{open:boolean；onClose:（）=>void}）{ const onSubmit=vals=>{ 警报（JSON.stringify（vals））； }; console.log（“logindialog”）；返回( ( ( )} > )} /> ); },reactjs,react-final-form,Reactjs,React Final Form,每次击键后，输入都会失去焦点。在devtools中，我可以看到HTML表单每次都被重新创建（它闪烁粉红色）。但是，React组件本身只进行一次渲染也有类似的问题，但都建议使用唯一的键。这样的解决方案在这里似乎不起作用为什么输入一次又一次地失去焦点？如何修复它？由于组件使用内联lambda，因此每次渲染时其标识都会更改虽然根据许多其他问题，一个唯一的键应该足够了，但将组件函数移到主组件之外可以完全修复它

每次击键后，输入都会失去焦点。在devtools中，我可以看到HTML

表单每次都被重新创建（它闪烁粉红色）。但是，React组件本身只进行一次渲染
也有类似的问题，但都建议使用唯一的键。这样的解决方案在这里似乎不起作用
为什么输入一次又一次地失去焦点？如何修复它？
由于组件使用内联lambda，因此每次渲染时其标识都会更改
虽然根据许多其他问题，一个唯一的键应该足够了，但将组件
函数移到主组件之外可以完全修复它