为什么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>