关于react组件化开发时组件的划分标准？

Question

最近入门了react，关于组件化开发有些疑问。

react组件化的好处是组合性高、可复用、维护方便。

在实际开发中是建议小至一个按钮都应该进行组件化。

那么问题来了。。。

到底是任何一个东西都划分出来好还是只划分多个页面都用到的通用组件好？

通用组件就像上面提到的按钮，当然是要划分出来啊，重点是前者，前者的话可能会划分出若干个组件。。。因为假如3个页面都有list，list布局一样则可以抽取出来作为一个通用组件，但是假如3个页面的list布局都不尽相同，那么是不是就要新建3个文件夹放这3个页面布局不同的list组件？

还是说。。。其实不应该去强行划分，感觉某个模块需要划分出来比较好才进行划分

Answer 1

这是个取舍问题，以及细分程度问题。

要求组件通用能力高，写起来就会“麻烦”，要考虑的就会多很多。

简单来说，你有三个List，分别为A、B、C。三者之间的相似度假设在50%，那么你就只能基于这50%写一个通用list的，然后分别调用的时候做一定配置。而你需不需要写这个通用组件，取决于这个相似度。

当然，你也可用通过细分或者更抽象的方式来提高相似度以达到通用的目的。

但归根到底，是取决于你自己的取舍，只能针对具体的问题做分析，而不是盲目的就一定要通用什么的。