className 不适用样式答案

【问题标题】：className does not apply styleclassName 不适用样式
【发布时间】：2019-09-17 07:46:57
【问题描述】：

我们又来了。让我们看看你是否能破译这个谜语：D。所以，问题如下。我有一个外部 css 文件。我在这个文件中放了一些“规格”。我下载了一个插件，可以将外部 css 文件链接到 js 文件中。因此，通过这种方式，我可以“风格化”该文件中的 JSX 语法。一切运行良好，但出现了问题。如果我在一个元素中声明一个“className”并尝试操纵该元素的属性，则不会发生任何事情。但是，如果我按名称（例如：div {...} 或 footer{...} ）将元素“调用”到 css 文件中，就会发生操作。

这是 JSX 语法中的代码：

<div className = "userlog_wrapper">.....</div>

..这是css文件中的代码：

.userlog_wrapper{
  width: 100%;
  height: 660px;
}

【问题讨论】：

标签： reactjs next.js

【解决方案1】：

好的，我修好了。解决方法如下......如果你使用的是nextjs插件的css click on me 。你需要在js文件中写这个：

import css from ../wherever/the/file/are

然后，在 className 旁边放上 '= {css.nameOftheClass}'。就是这样，它应该可以工作。

【讨论】：