node-simple-schemaを反応的に使用する方法は？

Question

これについて多くの例がないことを考えれば、私は可能な限りdocsに従っていますが、検証は反応的ではありません。

私はスキーマを宣言します。そして、私は私のコンポーネントで、このスキーマを使用

import { Tracker } from 'meteor/tracker'; 
import SimpleSchema from 'simpl-schema'; 

export const modelSchema = new SimpleSchema({ 
    foo: { 
    type: String, 
    custom() { 
     setTimeout(() => { 
     this.addValidationErrors([{ name: 'foo', type: 'notUnique' }]); 
     }, 100); // simulate async 
     return false; 
    } 
    } 
}, { 
    tracker: Tracker 
}); 

：だから

export default class InventoryItemForm extends TrackerReact(Component) { 

    constructor(props) { 
    super(props); 

    this.validation = modelSchema.newContext(); 
    this.state = { 
     isValid: this.validation.isValid() 
    }; 
    } 

    ... 

    render() { 
    ... 
    const errors = this.validation._validationErrors; 

    return (
     ... 
    ) 
    } 
} 

、私はfooを検証しようとするたびに、非同期のカスタム関数が呼び出されると、適切なaddValidationErrors関数が呼び出されますが、this.validation.isValid()をfalseとすると、コンポーネントは決して再レンダリングされません。

私には何が欠けていますか？

Answer 1

実際にコードに2つのエラーがあります。まず、正しい検証コンテキストを参照していないため、this.addValidationErrorsをカスタム検証内で非同期に使用することはできません。第2に、TrackerReactは、などの無効なデータソースのみをrender関数内に登録するだけであるため、_validationErrorsにアクセスするだけでは不十分です。検証

custom() { 
    setTimeout(() => { 
    modelSchema.namedContext().addValidationErrors([ 
     { name: 'foo', type: 'notUnique' } 
    ]); 
    }, 100); 
} 

で

：したがって、それはあなたがこのような名前の検証コンテキストを使用して、レンダリング機能（またはそれによって呼び出された他のいくつかの機能）でisValidを呼び出す必要が取り組んで取得するにはコンポーネント

export default class InventoryItemForm extends TrackerReact(Component) { 
    constructor(props) { 
    super(props); 

    this.validation = modelSchema.namedContext(); 
    } 

    render() { 
    let errors = []; 
    if (!this.validation.isValid()) { 
     errors = this.validation._validationErrors; 
    } 

    return (
     ... 
    ) 
    } 
} 

は、非同期検証hereについての詳細を参照してください。