在ReactJs中，如何使用扩展创建子组件

在下面的代码片段中，我正在使用扩展来创建组件。这是行不通的。但是如果我使用React.createClass（{}）; 工作正常。您能否让我知道以下代码片段中的问题是什么

import React from 'react';

class App extends React.Component {
render() {
  return (
     

        
     
  );
 }
}

class AuditTable extends React.Component {
render(){
    return(
        
 This is audit table 
            
        
    );
}
}

class AuditTable.Header extends React.Component{
render(){
    return(
        

            Audit Table Header
        
    );
}
}

export default App;

此代码不起作用。任何帮助都会很棒

import React from 'react';

class App extends React.Component {
   render() {
      return (
         

            
         
      );
   }
}


var AuditTable = class AuditTable extends React.Component {
    render(){
        return(
            

                
                
            
        );
    }
}

AuditTable.Header = class Header extends React.Component{
    render(){
        return(
            

                Audit Table Header
            
        );
    }
}