以往都是用 ES5 语法写 react 组件并发布到 npm，最近，用 ES6 语法写了一个react拖曳组件，在本地调试完毕后，发布到 NPM 社区，出现了一系列问题，记录一下。本文源码可参考这里

react提供了一个克隆 API： {代码...} 官方定义： {代码...} 下面实现一个demo，通过 React.cloneElement 向子组件传递 state 及 function，代码如下： {代码...} {代码...} 需要注意，在父组件的构造器中，需要动态制定函数的 this 指向，否则该函数通过事件触发时，this指向子组件。通过下面语句： {代码...} 效果如图：

下面，通过react实现这样的后台管理系统(脚手架)，功能简介：1.左侧的菜单项根据用户的角色权限动态生成。2.浏览器地址页键入无权限的地址会拦截直接上代码：