禁用提交按钮 redux 表单

Question

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

Answer 1

您需要利用此处显示的同步验证https://redux-form.com/6.6.3/examples/syncvalidation/ 这将验证整个表单是否有效并将必要的道具传递给组件https://redux-form.com/6.6.3/docs/api/props.md/

invalid, valid

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

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