如何在React和JSX中导入名称中带有特殊字符的JS文件？

Question

如何在React和JSX中导入名称中带有特殊字符的JS文件？

我可以的

导入{明天}从'react-synta-Highlight/dist/esm/style/hljs'；

（该文件夹包含moother.js和tomrorrow night.js）

但我不能：

从'react syntax highlighter/dist/esm/styles/hljs'导入{明晚}

我认为解构在这里不起作用，因为它是一个导入语句。




Answer 1

如何使用import*作为blahimport？这将为您提供一个对象，您可以在其中查找任何字符串。

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

Answer 2

你可以试试看

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

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