LoadLater() — react Function Reference

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

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ LoadLater() — react Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

packages/react-devtools-shell/src/app/SuspenseTree/index.js lines 296–313

function LoadLater() {
  const [loadChild, setLoadChild] = useState(false);
  return (
    <Suspense
      fallback={
        <Fallback1 onClick={() => setLoadChild(true)}>Click to load</Fallback1>
      }
      name="LoadLater">
      {loadChild ? (
        <Primary1 onClick={() => setLoadChild(false)}>
          Loaded! Click to suspend again.
        </Primary1>
      ) : (
        <Never id="load-later" />
      )}
    </Suspense>
  );
}