如何在 reactjs 中不使用 getFieldDecorator 验证 ant design formitems？

【问题标题】：How to validate ant design formitems without using getFieldDecorator in reactjs?如何在 reactjs 中不使用 getFieldDecorator 验证 ant design formitems？
【发布时间】：2017-12-06 07:22:54
【问题描述】：

在 reactjs 中，我使用的是 ant 设计形式。在那种形式中，我不希望使用 getfielddecorator 进行默认验证。我想用我自己的验证来验证字段。它如何验证？例如

 <Form onSubmit={this.handlesubmit.bind(this)}>                                                                                                        <FormItem>                                                       
    <input/>                                              
</FormItem>
 <FormItem >                                                       
  <input/>                                                                                                                      
 </FormItem>                                                
<ButtonAnt className="btng" type="primary" htmlType="submit">Save</ButtonAnt>                                                   
 </Form>

【问题讨论】：

标签： reactjs validation antd

【解决方案1】：

根据docs，

我们提供validateStatus help hasFeedback 等属性给自定义您自己的验证状态和消息，而不使用 Form.create 和 getFieldDecorator。

此外，似乎还有一个 validator 属性 (amongst others) 可用于编写自己的验证器函数。

【讨论】：

是的，我是这样实现的。谢谢你
你能举个例子吗？

【解决方案2】：

我是这样做的

<Form.Item
  help={HasError && meta.error}
  validateStatus={HasError ? "error" : "validating"}
>
  <Input {...input} {...props} className={classes.Input}></Input>
</Form.Item>

【讨论】：