Javascript 填写表单后动态向对象添加新密钥

我正在使用

react admin

framework，并试图向我的对象添加新的密钥。键的名称应该是用户使用

TextInput

填写的值。 这就是目标：

我想在与E111相同的级别上添加新钥匙。到目前为止，我尝试使用

SimpleForm

添加密钥，但我能做的最好的事情是

：“E222”

。插入的值不是键的名称，而是它的值。对象的完整路径是this.props.record.tiles.Main.widgets[somekey]

到目前为止，我只是尝试了以下方法：

<SimpleForm {...this.props} toolbar={null}>
    <TextInput source='tiles.Main.widgets[]' label="Widget Key" style={{ width: '150px' }}/>
</SimpleForm>

但正如我所说的，没有运气

---

有什么建议可以给对象添加一个新的键吗？

您只需要将文本输入的数据像这样放入小部件中

widgets['newkey'] = 'new value'

---

您只需要将文本输入中的数据放入如下小部件中

widgets['newkey'] = 'new value'

---

widgets.E11.newkey='new\u value'或

widgets.E11['newkey']='new\u value'

或

widgets['E11']['newkey']='new\u value'

我不确定我是否理解这是怎么回事。用户应该在输入中输入密钥的名称，然后保存密钥并将其添加到object.widgets.E11.newkey='new\u value'或

widgets.E11['newkey']='new\u value'

或

widgets['E11']['newkey']='new\u value'

我不知道这是怎么回事。用户应在输入中输入密钥的名称，然后保存密钥并将其添加到对象中。