Как превратить строку в имя класса (без определения его в окне)?

Question

import TestClass from './TestClass'

Как я ссылаться TestClass в этом файле заданной строки 'TestClass'?

eval('TestClass') не работает, поэтому TestClass is not defined.

Однако, если я делаю let Test = TestClass, а затем eval('Test'), он возвращает мне конструктор для TestClass, по желанию.

Почему eval('TestClass') не работает, если eval('Test')?

Контекст: Учитывая многие элементы, такие как <div data-class="TestClass"></div>, я хочу создать обобщенную функцию, которая делает соответствующий Реагировать компонентов в них. Эти классы компонентов будут импортированы в файл перед выполнением этой функции.

Примечание: Использование Brunch (аналогично webpack) в качестве системы сборки.

Answer 1

Я не знаю, что делает Brunch, но вы можете просто создать объект с компонентами после импорта и использовать его для извлечения компонента с учетом строки. Что-то вроде:

import TestClass1 from './TestClass1' 
import TestClass2 from './TestClass2' 

const componentMap = { 
    TestClass1: TestClass1, 
    TestClass2: TestClass2 
} 

// You can just use the map to get the component given the name 
const component = componentMap[componentName]