react+antd:Formチェックエラーメッセージなし

5781 ワード

AntDの使用
Formフォーム検証validatorが有効でない
1.    validator,   validate
2. validator       callback,     callback(      ),          callback(),
3.   FormItem  ,getFieldDecorator    ,  :
    
        { getFieldDecorator('wakeup_prompt', {
            rules: [{
                required: true,
                message: 'This field is required'
            }],
            initialValue: 'defalut'
        })(
            
             Click Me
        ) }
    
    
      ,getFieldDecorator    Select   a   , require: true     ,   a      FormItem

FormフォームSelectでinitialValueが無効に設定されています(AntD 2.9.1)
1. initialValue       , Option  value    
2.   FormItem        getFieldDecorator,            FormItem
3. Select         ,     
                 
  }>
                { formatMessage({id: "LANG2230"}) }
            
        )}
    >
        
        { getFieldDecorator('end_time', {
            getValueFromEvent: (e) => {
                return UCMGUI.toggleErrorMessage(e)
            },
            rules: [{
                required: true,
                message: formatMessage({id: "LANG2150"})
            }],
            initialValue: '0'
        })(
            
        ) }
        
        
            { getFieldDecorator('day_min', {
                initialValue: '15'
            })(
                
)}

ただし、Selectにdivが追加されているためinitialValue設定が無効になります.
     
            { getFieldDecorator('day_min', {
                initialValue: '15'
            })(
                
                    
                
            )}


Formレイアウトの問題
外formitem formLayoutスタイルを追加、内部コール制御表示
            
                    
                        
                            { getFieldDecorator('pbxdn', {
                                getValueFromEvent: (e) => {
                                    return UCMGUI.toggleErrorMessage(e)
                                },
                                rules: [{
                                    required: true,
                                    message: formatMessage({id: "LANG2150"})
                                }, {
                                    validator: (data, value, callback) => {
                                        let basedn = this.state.basedn

                                        this._validLdapChars(data, value + basedn, callback, formatMessage, formatMessage({id: "LANG2016"}))
                                    }
                                }, {
                                    validator: (data, value, callback) => {
                                        let basedn = this.state.basedn

                                       this._validDn(data, value + basedn, callback, formatMessage)
                                    }
                                }, {
                                    validator: (data, value, callback) => {
                                        let basedn = this.state.basedn

                                       this._validAttr(data, value + basedn, callback, formatMessage)
                                    }
                                }, {
                                    validator: (data, value, callback) => {
                                        let basedn = this.state.basedn

                                       this._isUnderBasedn(data, value + basedn, callback, formatMessage)
                                    }
                                }, {
                                    validator: (data, value, callback) => {
                                        let basedn = this.state.basedn

                                       this._isPrefixExist(data, value + basedn, callback, formatMessage)
                                    }
                                }],
                                initialValue: pbxdn
                            })(
                                
                            )}
                        
                    
                    
                        { this.state.basedn }