引言
今天看了两篇关于React组件重用的文章,作者给出了一些小技巧,方便我们更好地考虑组件重用的设计。现在分享在这里。
重用的思路
我们通常意义理解的可重用,一般是指能适配多种用户常见,可以被其他用户使用,满足他们的需求。但是基于这种理解实现的可重用组件会有一个问题:忙于扩展功能以适应新需求,导致组件的实现越来越复杂,bug也可能越来越多。
例如,如果想适配更多的用户需求,我们最直接的做法是增加属性的数量,即定义新的props元素:
<ReusableComponent name={
this.state.name} description={
description} />
当我们要加一个新的属性status
时,就需要改写props数组,添加处理逻辑,然后在使用时传入新的属性。
<ReusableComponent name={
this.state.name