Импортируйте объекты, затем повторяйте

Question

Я хотел бы знать, возможно ли выполнить итерацию по импортированным объектам?

import { Row, Col, Form, FormItem, Icon, Input, Tooltip, Image, Button, Dialog } from 'element-ui'

objects.forEach(object => {
  // do something here
})

Это очень долго, когда я импортирую много объектов. Я не хочу использовать import ElementUI from 'element-ui' ни.

Answer 1

Вы можете импортировать все пространство имен, а затем перебирать нужные ключи:

import * as elementUI from 'element-ui';
const props = ['Row', 'Col', 'Form', 'FormItem', 'Icon', 'Input', 'Tooltip', 'Image', 'Button', 'Dialog'];
for (const prop of props) {
  // do something with elementUI[prop]
}

Если вы хотите перебрать каждое свойство, а не только несколько избранных, вы можно использовать Object.entries вместо:

import * as elementUI from 'element-ui';
for (const [key, value] of Object.entries(elementUI)) {
  // do something with key and value
}

Answer 2

Вы имеете в виду, как это?

import { Row, Col, Form, FormItem, Icon, Input, Tooltip, Image, Button, Dialog } as objects from 'element-ui'

objects.forEach(object => {
  // do something here
})

Answer 3

Вы можете использовать wild card import и затем использовать for in для итерации.

import * as objects from 'element-ui'

for(const key in objects) {
  // do something here
}