组件嵌套

 import react, { component } from 'react'

 class header extends component{

   render(){

      return (

        <div>我是header组件</div>

      )

   } 

 }

 class banner extends component{

  render(){

     return (

       <div>我是banner组件</div>

     )

  } 

}

 class productlist extends component{

       <div>

         <ul>

           <li>商品列表1</li>

           <li>商品列表2</li>

           <li>商品列表3</li>

         </ul>

       </div>

 class main extends component{

       <div> 

          <banner />

          <productlist />

class footer extends component{

       <div>我是footer组件</div>

 export default class app extends component {

    constructor(){

      super();

      this.state = { 

      } 

    }

   render() {

          <header />

          <main />

          <footer />

   }