React.cloneElement的使用详解

因为要接手维护一些项目，团队的技术栈最近从 vue 转向 react ，作为一个 react 新手，加上一向喜欢通过源码来学习新的东西，就选择了通过阅读 antd 这个大名鼎鼎的项目源码来学习一些 react 的用法。在阅读源码的过程中，发现好些组件都使用了 React.cloneElement 这个 api ，虽然通过名字可以猜测它做了什么，但是并不知道具体的作用；然后去看官方文档，文档很清晰地描述了它的作用，却没有告诉我们什么场景下需要使用它。于是我根据文档的描述，结合源码的使用，面向 google 和 stackoverflow，总结出来一些使用场景。cloneElement 的作用首先看一下官方文档对这个 API 的描述：