index.js — react Source File

Source Code

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @flow
 */

import * as React from 'react';
import {
  Fragment,
  Suspense,
  unstable_SuspenseList as SuspenseList,
  useReducer,
  useState,
} from 'react';

function SuspenseTree(): React.Node {
  return (
    <Fragment>
      <h1>Suspense</h1>
      <h4>Primary to Fallback Cycle</h4>
      <PrimaryFallbackTest initialSuspend={false} />
      <h4>Fallback to Primary Cycle</h4>
      <PrimaryFallbackTest initialSuspend={true} />
      <NestedSuspenseTest />
      <SuspenseListTest />
      <EmptySuspense />
      <SuspenseTreeOperations />
    </Fragment>
  );
}

function IgnoreMePassthrough({children}: {children: React$Node}) {
  return <span>{children}</span>;
}

const suspenseTreeOperationsChildren = {
  a: (
    <Suspense key="a" name="a">
      <p>A</p>
    </Suspense>
  ),
  b: (
    <div key="b">
      <Suspense name="b">B</Suspense>
    </div>
  ),
  c: (
    <p key="c">
      <Suspense key="c" name="c">
        C
      </Suspense>
    </p>
  ),
  d: (
    <Suspense key="d" name="d">
      <div>D</div>
    </Suspense>
// ... (311 more lines)