小应用一共有六个状态，其中的formExpanded和openDialog是界面组件的状态，剩下的四个分别是apts(代表所有的预约)、orderBy(根据什么来排列预约列表，根据姓名还是根据日期)、orderDir(排列列表的方向，是增序还是降序)、query(搜索的关键字)。

这个简单的demo,功能是这样的:最左侧是列表,点击列表项可查看详情,中间是详情,详情中有按钮,点击可加入购物车,最右侧是购物车,购物车自动更新总数和总价.使用create-react-app创建.代码如下: