警告：未知的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