SuspenseListTest() — react Function Reference

Architecture documentation for the SuspenseListTest() function in index.js from the react codebase.

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ SuspenseListTest() — react Function Reference

Dependency Diagram

graph TD
  da2bd1ac_7123_35a9_1c2c_a23154906b68["SuspenseListTest()"]
  a48cc242_4b50_fd09_0e8c_65edf69b7004["index.js"]
  da2bd1ac_7123_35a9_1c2c_a23154906b68 -->|defined in| a48cc242_4b50_fd09_0e8c_65edf69b7004
  style da2bd1ac_7123_35a9_1c2c_a23154906b68 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shell/src/app/SuspenseTree/index.js lines 273–294

function SuspenseListTest() {
  return (
    <>
      <h1>SuspenseList</h1>
      <SuspenseList revealOrder="forwards" tail="collapsed">
        <div>
          <Suspense fallback={<Fallback1>Loading 1</Fallback1>}>
            <Primary1>Hello</Primary1>
          </Suspense>
        </div>
        <div>
          <LoadLater />
        </div>
        <div>
          <Suspense fallback={<Fallback2>Loading 2</Fallback2>}>
            <Primary2>World</Primary2>
          </Suspense>
        </div>
      </SuspenseList>
    </>
  );
}