Отключить кнопку отправки избыточных форм

Question

Как отключить кнопку отправки до тех пор, пока все поля не будут заполнены в реактивах редукс-формами. Чтобы быть более конкретным, у меня есть форма, которая состоит только из переключателей. Таким образом, для каждого вопроса есть 5 переключателей на выбор. И я хочу, чтобы кнопка «Отправить» была отключена, пока не будут даны ответы на все вопросы.

Answer 1

Вам необходимо использовать проверку синхронизации, как показано здесь https://redux -form.com / 6.6.3 / examples / syncvalidation / это будет проверять всю форму, если она действительна, и передавать необходимые реквизиты компоненту https://redux -form.com / 6.6.3 / документы / API / props.md /

invalid, valid

Тогда вы можете просто связать disabled={invalid}

Я создал песочницу, чтобы лучше проиллюстрировать ее