Reactjs 在自定义输入字段和最终表单数组上键入时失去焦点

我使用自定义组件来显示文本输入字段，只显示基本组件

const CustomTextField = ({ ...rest }) => {
  return <input {...rest} />;
};

constCustomTextField=（{…rest}）=>{
返回；
};

当我试图在react final form数组中使用此组件时，由于某种原因，我在输入字段中键入时会失去焦点，我猜这是因为重新渲染

<Field
    name={`${name}.lastName`}
    component={({ input, meta, ...rest }) => {
      return (
        <CustomTextField {...input} type="text" {...rest} />
      );
    }}
    placeholder="Last Name"
  />

{
返回(
);
}}
占位符=“姓氏”
/>

下面是指向上完整代码的链接

正如您所看到的，“名字”可以正常工作，但“姓氏”在键入时会失去焦点

我如何解决这个问题，非常感谢您的帮助

谢谢

像这样使用它：

const CustomTextField = (props) => {
  return <input {...props.input} />;
};

const CustomTextField=（道具）=>{
返回；
};

及

像这样使用它：

const CustomTextField = (props) => {
  return <input {...props.input} />;
};

const CustomTextField=（道具）=>{
返回；
};

及

我没有看到，如果你的答案对OPI有那么好的效果，我没有看到，如果你的答案对OP有那么好的效果