我们所有人都希望编写更少的代码,同时也要做更多的事情。为了实现这一点,我们构建了组件,以便可以多次重用它们。
有些组件只需要基本的可重用性,而另一些则需要更复杂的重构技术,我们才能充分复用它。
这里有6个不同级别的可重用性概念,大家先来体会体会,后续更新会一个一个的讲。
1.模板化
通过模板化,我们将一些重复性高的代码包装在其自己的组件中,而不是在周围到处复制和粘贴代码。
当我们重用该组件(而不是直接使用代码)时,它为我们带来了两个好处:
- 将来进行更改就会容易得多,因为我们只需要在一个地方更改
- 我们不必记住每个重复代码被复制到了哪些地方
这是最基本的,也是最经常谈论的可重用性形式。
2. 可配置
对于某些组件,我们需要根据需求对它们的工作方式进行修改,如:
Button组件默认有一个主版本,也有一个带有图标版本。但我们没有为每个版本创建全新的组件,而是指定 props 做到不同类型之间切换。
添加这些props通常不会给组件增加很大的复杂度,同时,又能给我们在使用组件方面带来更多在的灵活性。
注意:这不同于使用prop来保存状态或数据,比如loading prop 或disabled prop。