javascript - 渲染警告 : Received `true` for a non-boolean attribute `className`

Question

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>
        )

Answer 1

您的一个类-props是一个 bool 值。您无法将 boolean (true/false) 推送到 className。

您可以console.log(classes)，然后您将看到哪个 prop 导致了警告。