很高兴通过我的二次升级,他现在是一个真正具有组件化意义的购物车组件了!我们用了React.Children和React.cloneElement实现了父组件动态拼装子组件,给子组件加装新属性

react提供了一个克隆 API:

React.cloneElement(
  element,
  [props],
  [...children]
)

官方定义:

 
Clone and return a new React element using element as the starting point. The resulting element will have theoriginal element's props with the new props merged in shallowly. New children will replace existing children. key and ref from the original element will be preserved.

闲来无事,写了个购物车组件,大体功能如下(目前暂定1.0版),可以设置商品个数,数量,单价等,也可以不赋初值(默认是0),看了源码你就知道,这是组件化的,只需要根据ajax回调的商品信息动态修改代码内置商品组件的数目,前端商品列表就会有变化,这或许就是react组件化的好处吧,高度解耦和。代码已经托管在码云平台上

https://gitee.com/chinahuanqiu/react-cart

安装过程/:1.  下载源代码后,执行yarn install  ,这一步根据我的package.json安装依赖包

2,yarn  build    即可生成静态文件

3.yarn  start 可启动开发环境