填写表单后动态向对象添加新键答案

【问题标题】：Dynamically add new key to object after filling form填写表单后动态向对象添加新键
【发布时间】：2019-11-01 09:53:09
【问题描述】：

我正在使用react-admin 框架，我正在尝试向我的对象添加新密钥。键的名称应该是用户使用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.E11.newkey = 'new_value'
或widgets.E11['newkey'] = 'new_value' 或widgets['E11']['newkey'] = 'new_value'
我不确定我是否理解它应该如何工作。用户应在输入中输入密钥的名称，然后应将密钥保存并添加到对象中。

标签： javascript reactjs object react-admin

【解决方案1】：

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

widgets['newkey'] = 'new value'

【讨论】：