接收到了“`className`”属性的NaN。如果这是预期的，则将值强制转换为字符串。

Question

我正在处理一个React项目，在我点击一个链接以显示它是活动的之后，我试图添加一个内容，但是它一直在弹出这个bug。有什么办法能解决这个问题吗？

以下是我的代码：

const activeClassName =
  'relative before:content-[' *
  '] before:-top-4 before:left-1/2 before:-ml-1 before:absolute before:text-amber-400'

Answer 1

NaN是您的代码的逻辑输出，它是字符串的"*“乘法，输出是NaN，因为字符串不是数字更改* to be +

Answer 2

您正在使用content实用程序类中的单引号关闭字符串，然后在星号之后重新打开字符串。如果你用双引号替换一组引号的话，它应该能工作。例如：

const activeClassName =
  'relative before:content-[" * "] before:-top-4 before:left-1/2 before:-ml-1 before:absolute before:text-amber-400'