className 不应用样式

Question

我们又来了。让我们看看您是否可以破译谜语 :D。所以，问题如下。我有一个外部 css 文件。我在这个文件中放了一些 'specs' 。我下载了一个插件，可以将 link 外部 css 文件转换为 js 文件。所以，通过这种方式，我可以 'stylize' 那些文件中的 JSX 语法。一切运行很好，但出现了问题。如果我在一个元素中声明一个 'className' 并且我试图操纵这个元素的属性，什么也不会发生。但是，如果我 "call" 按名称将元素（例如：div {...} 或页脚{...}）放入 css 文件中，就会发生操作。

这是 JSX 语法中的代码：

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

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

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

Answer 1

好的，我修好了。解决方法如下……如果你使用的是cssclick on me的nextjs插件，你需要在js文件里面写：

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

然后，在类名旁边放这个'= {css.nameOftheClass}'。仅此而已，它应该可以工作。

className 不应用样式

className does not apply style

reactjs

next.js