收到"className"属性的NaN.如果出现这种情况，请将该值强制转换为字符串

Question

我正在处理一个React项目，在我点击一个链接以显示它处于活动状态后，我试图添加一个内容，但它不断弹出那个错误。有什么办法我能解决这个问题吗？

这是我下面的代码：

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，因为字符串不是数字将*更改为+

Answer 2

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

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