如何在final-form和Material UI (v1)中做嵌套对象？

Question

我希望提交时的最终表单对象如下所示

{
  name : 'kk'
  address: {
      street: '123 abc',
      city: 'sf'
   }
}

我该怎么做呢？我知道我可以使用点语法并做同样的事情。

<Field name="name" component="input"/>
<Field name="address.street" component="input"/>
<Field name="address.city" component="input"/>

但我想允许自由表单按钮添加或删除新的key: value，类似于codesandbox example

我看到了一个对数组执行此操作的示例，我想对对象执行类似的操作，而不是数组。

Codebox example link from final form readme。这是一个数组生成器。

我想做一个对象构建器，就像上面的例子一样。

我正在使用Material UI V1 beta 23 Final form和react final form最新版本