划分依据

    根据视图层的UI划分

    订单列表也可以拆分为 header, orderList, OrderItem 三个组件

拆分方式

    每个组件用单独的文件夹包裹

    文件夹中放 index.js 和 style.css

    使用react snippet 插件 rrc 快速创建组件模板

组件的文件结构

    components

        Header

            index.js

            style.css

        OrderList

            index.js

            style.css

        OrderItem

            index.js

            style.css

将App.js 转到 components文件夹统一管理

    components\App

        index.js    →   由App.js重命名

        style.css   →  有App.css重命名

React的基本框架