Большая форма реакции-финал, распределенная по нескольким разделам

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

Как я могу зафиксировать состояние всех разделов одновременно, чтобы использовать их на кнопке отправки?

Например, если один раздел грязный, а другой нетронутый, я хотел бы иметь возможность включить кнопку отправки независимо от того, какой раздел активен в данный момент. Активный означает, что раздел в данный момент отображается на странице, в то время как неактивный означает, что он еще не отображен или ранее отображался

Пример CodeSandbox

1 ответ

Оказывается, что каждый компонент должен быть представлен, а не условно для реакции-финальной формы, чтобы захватить все состояния одновременно. После перемещения моих разделов во вкладках, где все разделы отображаются, но не отображаются, все работает, как я хотел.

Пример CodeSandbox

Другие вопросы по тегам