Reactjs 如何基于相同的逻辑和视图创建稍有不同的组件？
我有多种形式，UI、模式和状态略有不同，但逻辑相同。我想知道在不复制代码的情况下创建表单的基本方法是什么。因为两者之间并没有什么区别，所以我考虑使用公共功能创建中心位置，并在需要时对其进行扩展。 此外，呈现UI元素并相应地设置状态的功能位于所有表单继承的名为Form的类中 我尝试创建基本工厂，然后使用它来创建特定工厂，但为了扩展它的功能，必须实例化基本工厂 我试图创建类继承链，但MapStateTops和mapDispatchToProps有问题。我还注意到，这不是推荐的 我考虑过HOC，但我认为它在这个场景中不那么直观 我用的是React 16Reactjs 如何基于相同的逻辑和视图创建稍有不同的组件？,reactjs,react-redux,Reactjs,React Redux,我有多种形式，UI、模式和状态略有不同，但逻辑相同。我想知道在不复制代码的情况下创建表单的基本方法是什么。因为两者之间并没有什么区别，所以我考虑使用公共功能创建中心位置，并在需要时对其进行扩展。 此外，呈现UI元素并相应地设置状态的功能位于所有表单继承的名为Form的类中 我尝试创建基本工厂，然后使用它来创建特定工厂，但为了扩展它的功能，必须实例化基本工厂 我试图创建类继承链，但MapStateTops和mapDispatchToProps有问题。我还注意到，这不是推荐的 我考虑过HOC，但我认
非常感谢 @ranasulin，欢迎来到SO 你所描述的情况听起来是一个很好的例子。React+Redux支持无状态组件、函数式编程，并且并不总是与继承模式很好地结合（请参阅和）。我建议研究React+Redux环境的模式和反模式，然后在掌握这些知识的情况下重新考虑您的设计
祝你好运 @ranasulin，欢迎来到SO 你所描述的情况听起来是一个很好的例子。React+Redux支持无状态组件、函数式编程，并且并不总是与继承模式很好地结合（请参阅和）。我建议研究React+Redux环境的模式和反模式，然后在掌握这些知识的情况下重新考虑您的设计 祝你好运