Я использую пользовательский компонент, чтобы показать поле ввода текста, ничего необычного, только базовый компонент.
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"
/>
вот ссылка на полный код на codeandbox
Как вы можете видеть, «Имя» работает нормально, но «Фамилия» теряет фокус при наборе текста.
Как я могу решить эту проблему, любая помощь приветствуется
Спасибо
Используйте это так:
const CustomTextField = (props) => {
return <input {...props.input} />;
};
и
<Field
name = {`${name}.lastName`}
component = {CustomTextField}
placeholder = "Last Name"
/>
Я этого не видел, если ваш ответ отлично подходит для OP