连接在递归组件中不起作用答案

【问题标题】：connect not working in recursive components连接在递归组件中不起作用
【发布时间】：2021-07-06 10:54:30
【问题描述】：

我在我的应用程序中使用了组件递归。当我递归调用组件时，递归组件上的状态会变得未定义，因为不知何故连接不适用于递归组件。

调用自己的组件确实有状态，但递归组件不会有状态

我尝试了一种解决方案，当组件调用它时，它会将所有状态作为道具传递给它，而不是从连接中获取

但我想知道为什么 connect 不适用于递归组件

我不得不尝试在codesandbox上重新创建一个场景，这里是link

谢谢

【问题讨论】：

当指向第三方网站的链接停止工作时，这个问题将变得难以理解。第三方网站的链接可以补充您的问题，但如果链接停止工作，您的问题应该仍然可以回答。我不相信这个问题会通过那个测试。请在您的答案中包含相关代码，作为文本。

【解决方案1】：

您正在重用 Base 组件，而不是 connected 组件。

插入

export default connect(mapStateToProps, mapDispatchToProps)(Child);

你可以使用

const ConnectedChild = connect(mapStateToProps, mapDispatchToProps)(Child);
export default ConnectedChild;

并使用Child 内的ConnectedChild 进行递归。

【讨论】：