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

Question

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

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

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

Пример CodeSandbox

Answer 1

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

Пример CodeSandbox