Reactjs 如何从函数到类组件获取MapStateTrops值

我使用react开发了一个web应用程序

要求： 我的要求是，我有一个函数组件，它将包含我的MapStateTrops函数，我将从我的类组件调用该函数组件，这样我的代码重复将减少

问题: 现在的问题是，当我在函数组件中编写MapStateTops，然后从类组件调用它时，它不会被执行

class:A.js
从“React”导入React，{Component}
从“/b”导入b
导出类A扩展组件{
提交=（）=>{
b（）；
} 
render（）{
返回(
提交
)
}
}
导出默认值A
功能组件：B.js
从“react redux”导入{connect}；
常数b=（）=>{
让数据={
name=props.details.name
}
返回数据；
}
常量mapStateToProps=（状态）=>{
返回{
名称：state.detailReducer.name
}
}
导出默认连接（MapStateTops）（b）；

帮助： 那么有谁能帮我达到这个要求呢。这将非常有帮助。

---

另外，请告诉我从其他函数组件调用MapStateTops是否是一种好方法。

您必须区分函数和函数组件。在

组件中

A

您将

b

用作函数，尽管它应该是函数组件。这是你做不到的。函数组件意味着呈现而不是执行

---

另外，要使

b

成为实际的函数组件，

b

在参数列表中缺少props，它应该是

props.name

而不是

props.details.name

，它需要返回

JSX

。最后，它应该被称为

B

B看起来不像react组件。这是一个返回错误语法对象的正常函数。您的目标是什么

b

不返回a

jsx

仅返回字符串。另外，你的道具是

props.name

，而不是

props.details.name

。