ReactJS, Formik, Bootstrap Modal - Отправить с модальной кнопки

Question

У меня в приложении ReactJS есть следующая структура - ссылка на CodeSandBox . Я пытаюсь каким-то образом отправить форму Formik с помощью кнопки модального окна Bootstrap, однако я не могу понять, как вызвать отправку формы из двух компонентов вниз по дереву и объединить функции.

Может ли кто-нибудь любезно посоветовать, можно ли этого вообще достичь?

Спасибо!

Answer 1

В компоненте FormFields вам нужно добавить id в вашу форму

<Form id="fooId">

, а для модальной кнопки вы добавите атрибут form и type например:

<Button
 ...
 type="submit"
 form="fooId"
 ...
/>

И форма будет отправлена. Вы можете пропустить передачу события onClick этой кнопке и передать метод doSubmit компоненту Formik в компоненте FormFields .

Codesandbox