div.container 和 span.text 出现以下错误:
警告:收到非 bool 属性 className
的 true
。
如果要将其写入 DOM,请传递一个字符串:className="true"或 className={value.toString()}。
return (
Array.isArray(contactDetails) &&
contactDetails.map((item, index) => {
return item.type === DIVIDER ? (
<div key={index}>
<Divider variant={"middle"} className={classes.divider} />
<div className={classes.dividerText}>{item.text}</div>
</div>
) : (
item.text && (
<div className={classes.container} key={index}>
<div className={classes.icon}>{item.icon}</div>
<span className={classes.text}>{item.text}</span>
</div>
)
最佳答案
您的一个类
-props是一个 bool 值
。您无法将 boolean
(true/false) 推送到 className
。
您可以console.log(classes)
,然后您将看到哪个 prop 导致了警告。
关于javascript - 渲染警告 : Received `true` for a non-boolean attribute `className` ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/71649003/