创建React公共组件的思考与规范

创建公共组件的总结

在react中创建公共组件就意味着复用组件，将项目中有相似功能的地方提取出来，作为公共组件去复用，可以提高代码的质量和可读性，在需要修改的时候也更加方便。

公共组件的提取

在刚开始提取项目相似部分组成公共组件时，我更在意前端部分的相似从而去提取，但更重要更有价值的公共组件，是体现在功能层面上的，下面会以checkbox复选框公共组件为例，总结我在创建react公共组件时的思路和问题。

checkbox组件创建思路

1.需求：项目在多个地方用到了checkbox复选框，有选择支付方式的单选，有选择课程的多选，并且能够拿到被选择勾选的选项值。
2.checkBox组件：首先需要理清需要展示的部分结构（单个选择框，以及带有选择框的内容展示）。例如有选择框+标题的展示，有图标+标题+选择框的展示等。在checkBox组件中，由taro自带的Checkbox和父级传递过来的展示内容组成，Checkbox中的属性主要有checked，控制复选框是否为勾选状态，与点击的情况保持一致，并且在整个view上有点击事件，使点击整个展示部分，都可以触发点击事件传递点击的值。按照这个思路，可以实现多个checkbox的渲染，以及传递所点击复选框的值。代码如下：

3.chec