CSS 模块未导入以正确反应组件

Question

我在导入与我正在尝试制作的 React 组件存储在同一文件夹中的 css 模块时遇到语法问题。这是截图：

有人知道为什么这不能正确导入吗？

Answer 1

使用 css 模块导入一个对象，您可以通过访问此对象属性来传递给定的类：

import styles from "./some-css.module.css"

const Layout = () => (<div className={styles.title}>div styled!</div>)

Answer 2

它应该是 module.tx_mask.view { layoutRootPaths.30 = EXT:your_site_extension/Resources/Private/Layouts partialRootPaths.30 = EXT:your_site_extension/Resources/Private/Partials templateRootPaths.30 = EXT:your_site_extension/Resources/Private/Templates } plugin.tx_mask.view { layoutRootPaths.30 = EXT:your_site_extension/Resources/Private/Layouts partialRootPaths.30 = EXT:your_site_extension/Resources/Private/Partials templateRootPaths.30 = EXT:your_site_extension/Resources/Private/Templates } 。 React 在camelCase 中工作。