如何在 React 组件中解构 2 级以上的数据道具

Question

我有一个 react-apollo HoC 包装组件和从 github graphql api.

获取的数据

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

如何通过解构得到边缘？

我知道我可以像这样进入 search 字段：

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

但是这样的事情可能吗？

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

谢谢！

Answer 1

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

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

您的 Component 现在将获得您的 edges 数组作为名为 data

的道具