未定義のプロパティ 'map' を読み取ることができません。

 class Home extends Component{
      componentDidMount(){
          this.props.getCustomer()     
      }   
      render(){        
          const {total, list} = this.props.customer
          console.log("Summe:"+Summe)
          console.log("Liste:"+Liste)
          return(
            <div>
              <NavBar>客户管理系统</NavBar>      
              {list.map((item,index)=>(              
                <Liste key={index}>
                   <Element
                   arrow="horizontal"
                   thumb="https://zos.alipayobjects.com/rmsportal/dNuvNrtqUztHCwM.png"
                   multipleLine
                   onClick={() => {}}
                   >
                   客户名称:{item.name}
                   <Brief>级别:{item.level}</Brief> 
                   </Item>
                 </Liste>        
               ) )   
              } )报错：Cannot read property 'map' of undefine

原因：调用map的对象是 undefined，初始化第一次渲染的时候异步数据返回之前list是undefined。

  解決策：リストで判定を行い、非同期にajax return data listで値を取得し、コンポーネントをレンダリングする。

  以下のように修正する。

       {

<未定義


list && list.map((item,index)=>(              
                <Liste key={index}>
                   <Element
                   arrow="horizontal"
                   thumb="https://zos.alipayobjects.com/rmsportal/dNuvNrtqUztHCwM.png"
                   multipleLine
                   onClick={() => {}}
                   >
                   客户名称:{item.name}
                   <Brief>级别:{item.level}</Brief>                  
                   </Item>
                 </Liste>        
               ) )   
              }