如何在React App中实现组件的工厂模式？

Question

我目前在我的公司使用React来构建我们的主要软件产品......该应用程序的开发是在一年前开始的，我们并不期望我们的应用程序如此大幅增长。现在我们正在处理一些问题，如果我们从一开始就做了很好的架构设计就可以避免这些问题。

总而言之，我们遇到的最核心问题之一是代码重复......以及我们制作的每个新组件顶部的相对路由的大量“import”语句......

我想知道是否建议解决这类问题使用工厂模式来使用React组件以及如何成功实现它？

提前致谢

Answer 1

你可以用这种方式实现工厂模式，

function ReactComponentFactory(contentsJSX){
  // do factory stuff here...
  return <div>{contentsJSX}</div>
}

但在我看来，这使得代码更难以理解，因此我不会使用工厂来处理反应组件。