小白，请教各位大佬！react项目组件如何复用？求指导！

Question

react组件很好复用，exportimport就可以了，但是组件关联的redux相关的action、reducer、saga如何复用呢？比如A项目有个修改密码的组件UpdatePassword+相关的redux(action+reducer+saga)，那我要应用到B项目我又把A的UpdatePassword+相关的redux(action+reducer+saga)再复制过来？？？是不是太麻烦了，有没有更好的解决方案？

Answer 1

你这是典型的‘分形’需求。目前而言要提高组件复用程度，最好分离业务逻辑和视图。有兴趣可以看这系列文章,详细介绍React组件设计相关的实践React组件设计实践总结02-组件的组织React组件设计实践总结04-组件的思维React组件设计实践总结05-状态管理

Answer 2

在我实际开发体验中，redux相关的其实复用性很低，之前我也觉得这里面是不是复用会更好，但后面发现，除非A项目和B项目之间非常想象，否则A项目与B项目之间，大多数的redux相关逻辑都无法复用，能复用的屈指可数（比如登录和修改密码之类的业务逻辑）。事实上，除非这一些功能的复用频率很高，或者修改频率很高，否则，复用其实是吃力不讨好的。