如何在反应中修复大树结构

Question

enter image description here

我在 react 项目中使用 graphql 得到了这棵大树 还可以使用 React 工具检查应用程序，您将看到附件中显示的一棵大树。 所以我检查了这个链接https://graphql.org/learn/queries/#aliases

但我找不到好的解决方案 如何修复这个大树结构？请帮帮我:)

Answer 1

您正在使用 recompose 将多个 graphql 突变作为道具传递给 Home 组件。

每个突变都包装了添加额外层的组件。

如我所见，有 12 个突变增加了 12 层包裹 Home 组件。

只要你使用 recompose 使用多个突变，你就会有额外的层。

如果要删除它，请使用通过 withApollo 传递的客户端。