javascript - Meteor-react-autoform に何も表示されない

Question

私はこれに数週間苦労しています。Web ページでmeteor-react-autoformを使用したいと考えています。The Meteor Chef のBaseを使用しています。どんな助けでも本当に感謝しています

英語が下手で申し訳ありません。ファイルは次のとおりです。

これは、スキーマとコレクションを定義するファイルです。

import { Mongo } from 'meteor/mongo';
import { SimpleSchema } from 'meteor/aldeed:simple-schema';
import { Factory } from 'meteor/dburles:factory';

export const Documents = new Mongo.Collection('Documents');

// Documentation -> https://github.com/MechJosh0/meteor-react-autoform
// Extend the schema to allow our materialForm object
SimpleSchema.extendOptions({
    materialForm: Match.Optional(Object)
});


Documents.allow({
  insert: () => false,
  update: () => false,
  remove: () => false
});

Documents.deny({
  insert: () => true,
  update: () => true,
  remove: () => true
});

Documents.schema = new SimpleSchema({
  title: {
    type: String,
      materialForm: {
          floatingLabelText: 'Your name',
          hintText: 'Sarah Smith...'
    }
  }
});

Documents.attachSchema(Documents.schema);

これがフォームと挿入ハンドラです

import React from 'react';
import { Bert } from 'meteor/themeteorchef:bert';
import { insertDocument } from '../../api/documents/methods.js';
import ReactAutoForm from 'meteor-react-autoform';
import { Documents } from '../../api/documents/documents';


const handleInsertDocument = (event) => {
  const target = event.target;
  const title = target.value.trim();

  if (title !== '' && event.keyCode === 13) {
    insertDocument.call({
      title
    }, (error) => {
      if (error) {
        Bert.alert(error.reason, 'danger');
      } else {
        target.value = '';
        Bert.alert('Document added!', 'success');
      }
    });
  }
};


export const AddDocument = () => (
    <ReactAutoForm
        muiTheme={true}
        onSubmit={handleInsertDocument}
        schema={Documents.schema}
        type="insert"
    />
);

これは、メソッドが定義されたファイルです。

import { Documents } from './documents';
import { SimpleSchema } from 'meteor/aldeed:simple-schema';
import { ValidatedMethod } from 'meteor/mdg:validated-method';

export const insertDocument = new ValidatedMethod({
  name: 'documents.insert',
  validate: new SimpleSchema({
    title: { type: String }
  }).validator(),
  run(document) {
    Documents.insert(document);
  }
});

export const updateDocument = new ValidatedMethod({
  name: 'documents.update',
  validate: new SimpleSchema({
    _id: { type: String },
    'update.title': { type: String, optional: true }
  }).validator(),
  run({ _id, update }) {
    Documents.update(_id, { $set: update });
  }
});

export const removeDocument = new ValidatedMethod({
  name: 'documents.remove',
  validate: new SimpleSchema({
    _id: { type: String }
  }).validator(),
  run({ _id }) {
    Documents.remove(_id);
  }
});