如何在反应组件中解构数据道具超过 2 个级别

【问题标题】：How can I destructure data props more than 2 levels deeper in a react component如何在反应组件中解构数据道具超过 2 个级别
【发布时间】：2018-04-10 02:23:40
【问题描述】：

我有一个 react-apollo HoC 包装组件和从 github graphql api 获取的数据。

假设我们包装的组件道具将具有如下所示的数据：

我如何通过解构达到边缘？？

我知道我可以像这样访问search 字段：

({ data: { search }} ) => <Component data={search.edges} />

但是这样的事情可能吗？

({ data: { search: { edges} }} ) => <Component data={edges} />

谢谢！

【问题讨论】：

标签： reactjs react-native apollo react-apollo apollo-client

【解决方案1】：

是的，这是可能的，而且您已经回答了自己的问题，这是正确的：

({ data: { search: { edges} }}) => <Component data={edges} />

您的Component 现在将获得您的edges 数组作为名为@987654324@ 的道具

【讨论】：

这拒绝工作......我得到“无法读取未定义的属性'边缘'”并且它引用了这个确切的行 -> ({ data: { loading, error, search: { edges }}}) => <Component data={edges} />
尝试用解构内部的变量替换数据
@Linas 是什么意思
@bnovf ({ variables: { search: { edges} }}) =>