reactjs - 在自定义输入字段 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"
/>
如您所见,“名字”工作正常,但“姓氏”在键入时失去焦点。
我该如何解决这个问题,任何帮助表示赞赏
谢谢
解决方案
像这样使用它:
const CustomTextField = (props) => {
return <input {...props.input} />;
};
和
<Field
name={`${name}.lastName`}
component={CustomTextField}
placeholder="Last Name"
/>
推荐阅读
- docker - 运行 `minikube start`,无法拉取 k8s.gcr 图像,但 `docker pull` 可以
- javascript - 模块名称是绑定中使用的阴影全局名称
- r - ggplotly 中的 Aes
- ios - 在 viewWillAppear 中设置约束
- javascript - VueJS,ReferenceError:谷歌未定义
- javascript - 将二维数组转换为对象数组
- python - wxPython 在运行时创建一个带有子列表的巨大可点击列表?
- javascript - 失败的道具类型:道具`children`在`InputAdornment`中标记为必填,但其值为`undefined`
- batch-file - 无法使用批处理脚本读取由 `wmic logicaldisk get name > D:\sample.txt` 生成的文本文件内容
- vsftpd - vsftpd:多个 FTP 用户和一个主用户