禁用提交按钮 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}
我创建了一个沙箱来更好地说明它
如何在使用 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}
我创建了一个沙箱来更好地说明它