React--调用axios接口获取并展示相关数据于组件中

在着手该实例之前，需对es6、react以及axios具备一定的认知基础。首先，应安装用于构建react项目的脚手架工具create react-app。在启动前，可能需要访问并安装yarn。

    $ yarn create react-app antd-demo
    

系统将自动创建一个基础框架，并完成 React 项目所需各类依赖项的安装过程。若在执行期间遇到网络连接异常的情况，建议设置代理服务器或切换至其他 npm 镜像源以确保顺利进行。

接下来，用户需进入所生成的项目目录，并启动开发环境。

 $ cd antd-demo

    
 $ yarn start
    
    
    
    

此时浏览器将跳转至 http://localhost:3000/ ，当用户看到 Welcome to React 的界面时，即表示操作成功完成。

若希望了解如何将 create react-app 脚手架与 antd 结合使用，可前往以下链接进行查阅：

https://ant.design/docs/react/use-with-create-react-app-cn

在进行前端开发的过程中，通常需要从后台获取数据，并将其展示在组件中以供用