制服：创建自定义字段

Question

我定义了以下简单架构：

import SimpleSchema from 'simpl-schema';

export const Comments = new Mongo.Collection("comments");

export const CommentsSchema = new SimpleSchema({
  comments: Array,
  "comments.$": Object,
  "comments.$.author": String
  "comments.$.text": String
})

我有一个带有AutoForm 的组件来查看/编辑这个 cmets 数组：

import {ErrorsField, SubmitField, ListField} from "uniforms-semantic";
import AutoForm from 'uniforms-semantic/AutoForm';

<AutoForm schema={CommentsSchema} onSubmit={comments => this.updateRequest(comments)} model={this.props.comments}>
  <ListField name={"comments"}/>
  <ErrorsField/>
  <SubmitField/>
</AutoForm>

this.updateRequest(...) 是一个调用 Meteor 后端函数来更新 Mongo 集合的函数。

我想自定义ListField，以便对于每条评论，"comments.$.text" TextField 显示为更大的文本框，允许换行。

目前只是单行字符串：

我考虑过重写ListField 的自定义版本，但对于这样的小改动来说，这似乎是不必要的复杂。使用制服 API 添加此类小型自定义的最佳方法是什么？

Answer 1

查看文档，您似乎可以指定 ListField 的内部工作方式。这是未经测试的，但我会猜测以下内容：

<ListField name="comments">
    <ListItemField name="$">
        <NestField name="">
            <TextField name="author" />
             <LongTextField name="text" />
        </NestField>
    </ListItemField>
</ListField>

https://github.com/vazco/uniforms/blob/master/INTRODUCTION.md#props-propagation