购物车商品组件介绍,使用React封装为组件介绍
2018-05-07原创侠课岛 初级拔高
前端/类库/框架/工具/React.js开发初体验 6 0 3602
本教程图文或视频等内容版权归侠课岛所有,任何机构、媒体、网站或个人未经本网协议授权不得转载、转贴或以其他方式复制发布或发表。
赞 6
React.js介绍 07分04秒
快速认识React.js
项目创建与环境依赖包的介绍与安装 05分54秒
创建项目,搭建开发环境,安装必要的依赖包
Webpack本地环境配置与Hello React 11分16秒
配置Webpack,使得更加合适React.js的开发
Webpack本地环境配置强化 11分14秒
针对更高级的开发和更复杂的应用学习Webpack配置强化
Webpack生产环境配置-01 06分47秒
代码压缩、模块优化、拆分等生成环境配置,用于发布上线的webpack配置。
Webpack生产环境配置-02 04分22秒
代码压缩、模块优化、拆分、加载器等生产环境配置,用于发布上线的webpack配置。
React常用知识点介绍 15分40秒
元素渲染、组件、生命周期、事件处理……等常用知识点介绍
单页应用的介绍和小案例的演示 03分22秒
讲解单页应用的优点和缺点,演示将要使用React实现的小案例
React路由-01 11分36秒
React router路由配置和使用,URL监听,匹配路由和渲染页面等
React路由-02 02分40秒
React路由使用,异步加载
React页面跳转 04分02秒
React页面跳转进入购物车,路由跳转
步进器组件开发-01 08分15秒
步进器组件开发,修改购物车数量,修改数量的响应处理
步进器组件开发-手工输入-02 08分36秒
步进器组件开发,手工输入,修改购物车数量,修改数量的响应处理
步进器组件开发-03 06分48秒
商品组件布局介绍 02分19秒
商品组件开发 10分28秒
商品组件的开发,React封装组件
购物车数据修改 09分40秒
购物车数据接收、修改、更新等操作
购物车数据传输 07分45秒
简单页面数据传输,URL数据传输
确认订单页数据获取与渲染 08分58秒
确认订单页数据获取与渲染
订单页收货地址修改 11分05秒
订单页收货地址修改
收货地址数据同步到订单页 06分29秒
收货地址数据同步到订单页
其他页面组件开发简介 06分45秒
其他页面组件开发简介
商品组件如何生成的数据放在shop.json中Cart.jsx导入商品数据把数据放在state中,通过修改state自动更新通过state上的数据map循环出来,映射出对应的组件,组件的key就是商品的idcartItem.jsxClassName-样式切换
商品组件
如何生成的
数据放在shop.json中
Cart.jsx
导入商品数据
把数据放在state中,通过修改state自动更新
通过state上的数据map循环出来,映射出对应的组件,组件的key就是商品的id
cartItem.jsx
ClassName-样式切换
扫码加微信领取1天全站体验VIP
已签到2天,连续签到7天即可领取7天全站VIP
金币可以用来做什么?
恭喜!签到成功,获得+2积分
react进阶教程,深入了解React的高阶组件,store的最佳实践,reducer性能优化,component性能优化等