Tcomb-form-native：如何向表单动态添加新选项

Question

我的组件中包含以下表单：

this.state.customFieldsArray.length > 0 &&
          (
            <Form
              ref="customForm"
              type={this.customForm}
              options={this.customFormOptions}
            />
          )}

当我单击按钮时，我想向表单添加更多选项（以便呈现更多字段）。 这是处理单击按钮的方法：

  addCustomField = () => {
 let newFieldName = this.state.customFieldLabel;
 let newField = { newFieldName: "" };
 this.customFormOptions.fields[newFieldName] = {
  label: newFieldName
 };
  tempCustomFieldsArray.push(newField);
  this.setState({
   customFieldsArray: tempCustomFieldsArray
 });
 };

我已经尝试过了，但是没有用。

Answer 1

此代码对我有用，创建调用函数的结构表单模型，并在其中使用您的条件

formModel: t.struct({
  customFields: this.getCustomFields(),
}),

然后您创建customFields函数，

  getCustomFields = () => {
    const customFields = {}
    //write your condition here
    return t.enums(customFields)
  }