禁用提交按钮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}

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