插入字段后如何删除？

Question

我正在构建一个自定义表单，我已经能够在运行时成功地向表单中添加新字段，如下所示：

Options.schema.properties= {...Options.schema.properties, [key]: {type: "string"} }
Options.uiSchema= {...Options.uiSchema, [key]: { "ui:widget": DefaultInput, classNames: "col-md-4"} }

key是字段ID，Options可通过Mobx观察

在表单中，我正在通过Mobx使用可观察模式来更新schema.properties

类似这样的东西：

  class StudentsTab extends Component {
  render() {
    return (
      <MyForm schema={Options.schema} uiSchema={Options.uiSchema} widgets={Options.widgets}
      fields={this.customFields} 
        onChange={log("changed")}
        onSubmit={log("submitted")}
        onError={log("errors")}
         />
    )
  }
}
export default observer(StudentsTab);

尽管可以通过这种方式添加新字段，但是我无法删除它们，但我的尝试是：

   delete Options.schema.properties[key]
   delete Options.uiSchema[key]

我可以看到字段ID已删除，但未从DOM中删除

有什么主意吗？添加字段后如何删除该字段？