Ant Design動的フィールド検証

Question

動的フィールドバリデータを作成しようとしています。 "isDisable"がtrueの場合、必須ではありません。+数値タイプを確認する必要はありません。

{getFieldDecorator('number', { 
    validateFirst: true, 
    rules: [{ 
    required: !isDisable, 
    message: 'Must enter data' 
    }, { 
    type: 'number', 
    message: 'Need to enter number' 
    }] 
})(
    <InputNumber min={0} step={1} disabled={isDisable} /> 
)} 

しかし、このコードでは番号の種類が確認されます。

私はまた、この中には、機能をレンダリングしてみました：

const rules = isDisable ? { } : { 
    validateFirst: true, 
    rules: [{ 
    required: true, 
    message: 'Must enter data' 
    }, { 
    type: 'number', 
    message: 'Need to enter number' 
    }] 
}; 

{getFieldDecorator('number', rules)(
    <InputNumber min={0} step={1} disabled={isDisable} /> 
)} 

しかし、データを入力する際に​​バリデータが唯一の「validateFieldsAndScroll」関数が呼び出されたときに発生する、と私はそれがonChangeイベント

を検証したいので、どのようにすることができますフィールドが無効になっている場合、タイプをチェックしないルールを作成しますか？

ありがとうございます。

Answer 1

これはどう：

const allFields = ['a', 'b', 'c']; 
const fields = allFields.filter(disabledField); 
this.props.form.validateFields(fields,() => {...})