react后台数据渲染(封装) loading 处理

//初始化数据

 componentDidMount() {

this.request();

  }

//调接口

  request=()=>{

    

    axios.get("https://www.easy-mock.com/mock/5d98c57b8c63954ea11dd31e/table").then((res)=>{

      console.log(JSON.stringify(res));

if(res.status=="200" && res.data.code==0){

 

  this.setState ({

    dataSource2:res.data.result     //dataSource2接收后台数据

  }) 

}

    })

  }

}

 

 

渲染

 return (

      <div>

      

 <Card title="动态渲染表格">

        <Table

          columns={columns}

          dataSource={this.state.dataSource2}

          // pagination={false}

        />

      </Card>

 </div>

)