爲什麼class屬性從React呈現的「h1」元素中消失？

Question

這裏是我React.Component的render方法：

class Layout extends React.Component { 
    constructor() { 
     super(); 
     this.state = {name: "Brian"}; 
    } 

    changeName(name) { 
     this.setState({name}); 
    } 

    render() { 
     return (
      <h1 class="row">hello</h1> 
     ); 
    } 
} 

ReactDOM.render(
    <Layout/>, 
    document.getElementById('app') 
); 

這裏是呈現HTML：

<div id="app" class="container"> 
    <h1 data-reactroot="">hello</h1> 
</div> 

我不明白，爲什麼是h1消失的class屬性？

Answer 1

React元素沒有class屬性。您必須使用className屬性。

在這裏提供這樣做的原因，在陣營的文檔：
https://facebook.github.io/react/docs/jsx-in-depth.html#html-tags-vs.-react-components

Answer 2

你需要使用className代替class

<h1 className="row">hello</h1>