antd +カスタム検証に対応

                    < Form.Item 
                        label = " 文章标题" 
                        name = " articaltest " 
                        rules = {[{ 
                            validator:(rule、value) => { 
                                console.log({rule、value})
                            } 
                         }]} 
                        validateStatus = { this .state .myvalidateStatus} 
                        hasFeedback 
                        help = { this.state.myhelp} 
                        rules = {[{ 
                            validator:async(rule、value)=> { 
                                console.log({rule、value}); 
                                if(value.length> 5 ){
                                     throw  new Error(' Exceeded maximum length ' );
                                     this .setState({ 
                                        myvalidateStatus:' error ' 
                                        myhelp:' 最大長を超えました'
                                    })
                                } else {
                                    this .setState({ 
                                        myvalidateStatus:undefined、
                                        myhelp:undefined 
                                    })
                                } 
                            } 
                         }]}
                     > 
                        <Input placeholder = ' 記事のタイトルを入力してください' /> 
                    </Form.Item>        

 

おすすめ

転載: www.cnblogs.com/art-poet/p/12732805.html