Meteor/React/SimpleSchemaを使用したフォーム検証

Question

私はMeteorにはかなり新しいです。 Reactコンポーネントに検証エラーメッセージを表示する方法を見つけようとしていますが、成功しませんでした。

これは私の輸入ディレクトリに

import {Mongo} from 'meteor/mongo'; 
import {Meteor} from 'meteor/meteor'; 
import {check, Match} from 'meteor/check' 
import SimpleSchema from 'simpl-schema'; 

export const Employees = new Mongo.Collection('employees'); 

const Schemas = {}; 

Schemas.Employee = new SimpleSchema({ 
    name: { 
    type: String, 
    min: 2, 
    }, 
    email: { 
    type: String, 
    min: 2 
    }, 
    phone: { 
    type: String 
    } 
}); 

Meteor.methods({ 
    'employees.insert': function (employee) { 
    check(employee, Schemas.Employee) 
    } 
}); 

を常駐し、ここに提出を扱う私のコードのスニップですemployees.jsファイルです。流星のメソッドは、罰金と呼ばれる、それはエラーを表示するエラーオブジェクトを取得することはできません。

import React, {Component} from 'react'; 
import {TextField, RaisedButton} from 'material-ui'; 
import {Flex, Box} from 'reflexbox'; 
import injectTapEventPlugin from 'react-tap-event-plugin'; 

injectTapEventPlugin(); 

class EmployeeForm extends Component { 

    ... 

    handleSubmit(event) { 
    event.preventDefault(); 
    this.handleClear(() => { 
     Meteor.call('employees.insert', this.state, (error, response) => { 
     console.log('error', error); 
     }) 
    }) 
    } 

    ... 
} 

export default EmployeeForm; 

ご協力いただければ幸いです。これを行う方法に関する文書はスリムです - よく、それは私のinterwebsの検索にありました。

おかげ

Answer 1

私はあなたがcheckでsimple schemaを使用することができるとは思いません。通常、通常のMeteorメソッドでは、このコードを使用してデータを検証します。

Meteor.methods({ 
    'employees.insert': function (employee) { 

    try { 
     Schemas.Employee.validate(employee); 
    } catch (e) { 
     throw new Meteor.Error('error', e.message); 
    } 

    // ... 
    } 
}); 

このようにすると、クライアントにエラーメッセージが表示されます。 validated-methodをご覧になることをお勧めします。これはMeteorメソッドを定義する別の方法であり、シンプルなスキーマmixinによる検証を含む多くの有用なミックスインがあります。

Answer 2

私の解決策は、Khangの答えに非常に基づいています。

Employees.attachSchema(Schemas.Employee); 

Meteor.methods({ 
    'employees.insert': function (employee) { 
     Employees.insert(employee, { removeEmptyStrings: false }, (error, response) => { 
     if (error) { 
      throw new Meteor.Error('error', error.invalidKeys); 
     } 
     }); 
    } 
});