警告:未知的 DOM 属性类。你是说类名吗?

2022-08-30 02:42:14

我刚刚开始探索 React,通过添加一个具有简单渲染函数的组件:

render() {
  return <div class="myApp"></div>
}

当我运行该应用程序时,我收到以下错误:

Warning: Unknown DOM property class. Did you mean className?

我可以通过更改为.classclassName

问题是;React 是否强制执行此约定?另外,为什么我需要使用而不是常规的?如果这是一个限制,那么它是由于JSX语法还是其他地方?classNameclass


答案 1

是的,这是一个 React 约定:

由于 JSX 是 JavaScript,因此不建议将 和 等标识符作为 XML 属性名称。相反,React DOM 组件需要分别像 和 这样的 DOM 属性名称。classforclassNamehtmlFor

JSX深度


答案 2

在 React 中.js没有 for 和 class 属性可用,因此我们需要使用

for   --> htmlFor
class --> className