next.js 变量中的双破折号不起作用

Question

在 next.js 的变量中包含双破折号 (--) 会引发错误。 JSX 表达式必须有一个父元素。

变量名是'构成__subtitle--bar'。

{${styles.constitution__subtitle} ${styles.constitution__subtitle--bar}}

为什么 next.js 不允许在变量中使用双破折号 (--)？

Answer 1

js中的变量名中不允许出现破折号。

尝试使用${styles["constitution__subtitle--bar"]}