Блог

Я пытаюсь создать две формы, в которых вторая форма копирует входные данные из первой, когда установлен флажок.

Я наткнулся на этот код из библиотеки форм React Hook, однако, даже если флажок НЕ установлен, вторая форма все равно копирует входные данные из первой.

Я пытался это исправить, но не могу найти, что не так с кодом.

Вот ЦСУ: https://codesandbox.io/s/cool-dew-1pvsw?file=/src/Contact.tsx

Ввод Формы Копирования

Вы совершаете ошибку при копировании значения флажка. вот обновление кода.

 const Contact = ({
  email,
  email2,
  checked,
  setChecked
}: {
  email: string;
  email2: string;
  checked: boolean;
  setChecked: (checked: boolean) => void;
}) => {
  const { handleSubmit, register, setValue, watch } = useForm({
    defaultValues: { email: email, email2: email2, checky: checked // 1- Add checkbox to form }
  });
  const onSubmit = (values) => console.log(values);
  const watchEmail = watch("email", email);
  const checkbox = watch("checky", checked); // const checkbox = watch("checkbox", email); you're assiging wrong value to checkbox
......