反应:动态导入 css

Question

我是新手。我想根据props的值导入"darkMode.css"或"lightMode.css"(到基于类的组件)。

想象一下，我有以下函数(在基于类的组件中)：

cssName = () => (this.props.mode === "dark"? "darkMode.css":"lightMode.css")

有没有办法使用此功能导入"黑暗模式.css"或"灯光模式.css"？

谢谢你的帮助！

Answer 1

cssName = () => {
if (this.props.mode === 'dark') {
return import('darkmode.css').then((module) => 
// whatever you want to do with module
);
}
return import('lightMode.css').then((module) =>
// whatever you want to do with module
);
};