Как я могу импортировать JS-файл со специальными символами в его имени в React и JSX?

Question

Как я могу импортировать JS-файл со специальными символами в его имени в React и JSX?

Я могу

import { tomorrow} from 'react-syntax-highlighter/dist/esm/styles/hljs';

(в папке находятся завтра.js и tomrorrow-night.js)

но я не могу:

import { tomorrow-night} from 'react-syntax-highlighter/dist/esm/styles/hljs';

Я не думаю, что здесь деструктуризация работает, потому что это оператор импорта.

Answer 1

you can try as

      import * as Highlighter from 'react-syntax-highlighter/dist/esm/styles/hljs';

const TomorrowNight = Highlighter[`tomorrow-night`];

Answer 2

How about using the import * as blah import? That gives you an object that you can then lookup any string in.

      import * as tmrw from from 'react-syntax-highlighter/dist/esm/styles/hljs';
const tmrw_night = tmrw['tomorrow-height']