React JS元素类名称无法呈现

Question

处理预先存在的React JS项目并且className属性不会在DOM中呈现定义的内容。

例如 - 以下是项目中的代码：

<div className={styles.intro_inner}></div>

以下是DOM中的输出：

我期待着班级名称＆＃34; intro_inner＆＃34;出现在DOM中。

Answer 1

在JSX中，组件上的语法attribute={variable}表示该属性将使用给定变量的 值 进行设置，而不是＆＃39;的名字。我假设您的代码有一个名为styles的对象，该对象具有一个名为intro_inner的属性，其值是您在检查器中看到输出的一些随机混合字符。

如果您希望将课程设置为＆＃34; intro_inner＆＃34;那么你需要将它设置为字符串，而不是变量。其语法为className="intro_inner"。