Динамически добавлять новый ключ к объекту после заполнения формы

Question

Я использую 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>

Но, как я уже сказал, не повезло.

Любые предложения, какя могу добавить новый ключ к объекту?

Answer 1

Вам просто нужно поместить данные из текстового ввода в виджеты, подобные этой.

widgets['newkey'] = 'new value'