Я пытаюсь загрузить файлы с переменными
моя текущая реализация:
const map = {
google: import('./svg/google.svg'),
microsoft: import('./svg/microsoft.svg')
}
const Image = ({ name }) => {
//assume map[name] always exists
const Component = map[name];
return (
<Component />
)
}
приведенный выше фрагмент кода работает отлично. Теперь требуется добавить еще 400 компаний. Ну, я не хочу создавать и поддерживать карту с 400 ключами. так что мне интересно, есть ли что-нибудь лучше, чтобы сделать это? т.е. загрузить файл с переменной
что-то вроде
import(`./svg/${name}.svg`)