如何在反应组件中更深层次地构建数据道具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的道具