React 组件重用探究

引言

今天看了两篇关于React组件重用的文章，作者给出了一些小技巧，方便我们更好地考虑组件重用的设计。现在分享在这里。

重用的思路

我们通常意义理解的可重用，一般是指能适配多种用户常见，可以被其他用户使用，满足他们的需求。但是基于这种理解实现的可重用组件会有一个问题：忙于扩展功能以适应新需求，导致组件的实现越来越复杂，bug也可能越来越多。

例如，如果想适配更多的用户需求，我们最直接的做法是增加属性的数量，即定义新的props元素：

<ReusableComponent name={
   this.state.name} description={
   description} />

当我们要加一个新的属性status时，就需要改写props数组，添加处理逻辑，然后在使用时传入新的属性。

<ReusableComponent name={
   this.state.name