Обозначение в скобках при добавлении импортированных объектов

Question

В моем хранилище избыточностей в массиве я храню несколько элементов, которые я добавляю в хранилище в качестве экспорта.

Для визуализации у меня есть отдельный файл, в котором я храню такие вещи, как:

export const item1 = {
    name: 'item',
}

export const item2 = {
    name: 'item',
}

и т. Д.Затем я импортирую это в редуктор следующим образом:

import * as items from './items';

И, наконец, редуктор выглядит так:

stuff: [
    items.item1,
    items.item2
]

И теперь я хочу создать действие, позволяющее мне добавлять больше объектов вМассив редуктора, который будет импортирован как объект из файла.Обозначение в пробных скобках, например:

{
    ...state[0],
    stuff:[
        ...state[0].stuff,
        items['action.item']
    ]
},

Но я получаю сообщение об ошибке: "export" action.item "(импортированный как" items ") не найден в" ./items "", так что я вне идей.

Как я могу это сделать?Действие передает имя нового элемента в виде строки.

Answer 1

{
      ...state[0],
      stuff:[
         ...state[0].stuff,
         items[`${action.item}`]
      ]
},

Насколько я понял, вы передаете action.item в виде строки. попробуйте вышеуказанный подход. Это должно решить проблему.

Примечание: если не планируется, укажите полный код файла редуктора, а также файл items.js