Как определяется порядок выполнения модуля / компонента?

Question

Новое в React / Gatsby.

В соответствии с документами, приведенными в коде ниже, результаты GraphQL вставляются как {data} в IndexPage, и он должен ждать завершения GraphQL Query. Но как / где этот порядок определяется?

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

Порядок выполнения, определенный Gatsby, который упаковывает ваше приложение React:

Для получения полной информации вы должны обратиться к API жизненного цикла Gatsby .

В вашем случае выполнение запроса будет предшествовать отображению IndexPage.