web-dev-qa-db-fra.com

Comment valider les formulaires de conception de fourmis sans utiliser getFieldDecorator dans reactjs?

Dans reactjs j'emploie la forme de conception de fourmi. Sous cette forme, je ne veux pas de validation par défaut en utilisant getfielddecorator. Je souhaite valider les champs avec ma propre validation, comment valider? Par exemple

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

Selon le docs ,

Nous fournissons des propriétés comme validateStatushelphasFeedback pour personnaliser votre propre statut et message de validation, sans utiliser Form.create et getFieldDecorator.

De plus, il semble qu'il existe un validator prop ( entre autres ) que vous pouvez utiliser pour écrire votre propre fonction de validation.

8
Dane

Je le fais comme ça

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