Javascript 使用选项卡响应表单-如果验证失败，如何防止用户转到下一个选项卡

我是新的反应，我已经接管了现有应用程序的支持。目前有一个表单包含大量的“选项卡”，它们实际上是来自antd的旋转木马对象。当用户到达最后一个选项卡时，他可以选择提交整个文档。如果任何选项卡中的字段未通过验证，则用户无法提交，这很好。他们也不知道哪个选项卡出现故障

理想情况下，我希望在他们单击“下一步”转到下一个选项卡时进行验证。我启动了验证-问题是整个表单随后都会被验证。理想情况下，我只想为当前选项卡上的字段解析error对象，但除了将字段传递给处理“next”的函数之外，我想不出其他方法来实现这一点。在过去的生活中，我让jquery处理当前的div，但这似乎不是处理这个问题的最佳方式。任何想法都将不胜感激

下面是一个输入示例。表单来自antd表单元素

       <Form.Item
              label="Name"
              hasFeedback
            >
              {getFieldDecorator('founderName', {
                rules: [{ required: true, message: 'Name is required.' }],
                initialValue: company.founderName
              })(
                <Input
                  name="founderName"
                  placeholder="Someone"
                  onChange={handleChange} />
              )}
         </Form.Item>

{getFieldDecorator（'founderName'{
规则：[{required:true，消息：'Name is required.'}]，
初始值：company.founderName
})(
)}