如何解决在输入自定义输入字段时失去焦点 React-Final-Form-Arrays
我正在使用自定义组件来显示文本输入字段,只是基本组件没有什么特别的
const CustomTextField = ({ ...rest }) => {
return <input {...rest} />;
};
当我出于某种原因尝试在 react-final-form-array 中使用这个组件时,我在输入字段上打字时失去了焦点,我猜是因为重新渲染。
<Field
name={`${name}.lastName`}
component={({ input,Meta,...rest }) => {
return (
<CustomTextField {...input} type="text" {...rest} />
);
}}
placeholder="Last Name"
/>
这里是 codesandbox 上完整代码的链接
如您所见,“名字”工作正常,但“姓氏”在键入时失去焦点。
我该如何解决这个问题,感谢您的帮助
谢谢
解决方法
像这样使用它:
const CustomTextField = (props) => {
return <input {...props.input} />;
};
和
<Field
name={`${name}.lastName`}
component={CustomTextField}
placeholder="Last Name"
/>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。