如何确定模块/组件的执行顺序？

Question

React / Gatsby的新手。

根据文档，在下面的代码中，GraphQL结果作为{data}注入到IndexPage中，并且它必须等待GraphQL查询完成。但是，如何/在哪里定义此顺序？

const IndexPage = ({ data }) => (
  <Layout>
    //HTML
  </Layout>
);

export default IndexPage;

export const allPostsQuery = graphql`
  query {
    some_name {
      allPosts: postsConnection(orderBy: dateAndTime_DESC) {
        edges {
          node {
            //Query...
          }
        }
      }
    }
  }
`;

Answer 1

由盖茨比确定的执行顺序，该执行顺序包装了您的React应用程序：

有关完整信息，请参阅Gatsby Lifecycle APIs。

在您的情况下，查询将在呈现IndexPage之前执行。