React：动态导入CSS

Question

我是新来的反应者。我想基于props的值导入“ darkMode.css”或“ lightMode.css”（到基于类的组件）。

想象一下我具有以下功能（在基于类的组件中）：

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

是否可以使用此功能导入“ darkMode.css”或“ lightMode.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
  );
};