警告：未知的DOM属性类。你的意思是className？

Question

我刚刚开始探索反应，通过添加组件用一个简单的渲染功能：

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

当我运行应用程序，我得到以下错误：

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

我可以解决这个通过将class更改为className。

问题是; React是否执行这个约定？此外，为什么我需要使用className而不是传统的class？如果这是一个限制，那么它是由于JSX语法还是其他地方？

Answer 1

是的，它是一个阵营的约定：

Since JSX is JavaScript, identifiers such as class and for are discouraged as XML attribute names. Instead, React DOM components expect DOM property names like className and htmlFor , respectively.

https://facebook.github.io/react/docs/jsx-in-depth.html#html-tags-vs.-react-components

Answer 2

流星使用通天transpile ES5到ES6（ES2015），这样我们就可以对付它添加巴贝尔transpiler正常节点申请。

您需要.babelrc文件添加到您的项目的根文件夹，并添加以下项目

{ 
    "plugins": [ 
    "react-html-attrs" 
    ] 
} 

和当然，你需要安装使用npm这个插件：

npm install --save-dev babel-plugin-react-html-attrs