禁用提交按钮 redux 表单

Disable submit button redux forms

如何在使用 redux-forms 在 reactjs 中填写所有字段之前禁用提交按钮。 更具体地说,我有一个仅由单选按钮组成的表单。因此,对于每个问题,都有 5 个单选按钮可供选择。我想在所有问题都得到回答之前禁用提交按钮。

您需要利用此处所示的同步验证 https://redux-form.com/6.6.3/examples/syncvalidation/ this will validate whole form if it's valid and pass necessary props to the component https://redux-form.com/6.6.3/docs/api/props.md/

invalid, valid

那你就可以绑定了disabled={invalid}

我创建了一个沙箱来更好地说明它