Content() — react Function Reference

Architecture documentation for the Content() function in App.js from the react codebase.

Function javascript BabelCompiler Optimization

Entity Profile

BabelCompiler→ Optimization→ Content() — react Function Reference

Dependency Diagram

graph TD
  a051c89e_7d7c_2664_1475_4a8ff3387fa3["Content()"]
  0728161c_056a_6e89_5b38_6275d0ed4d04["App.js"]
  a051c89e_7d7c_2664_1475_4a8ff3387fa3 -->|defined in| 0728161c_056a_6e89_5b38_6275d0ed4d04
  style a051c89e_7d7c_2664_1475_4a8ff3387fa3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/ssr/src/components/App.js lines 13–30

function Content() {
  let [CurrentPage, switchPage] = useState(() => Page);
  return (
    <div>
      <h1>Hello World</h1>
      <a className="link" onClick={() => switchPage(() => Page)}>
        Page 1
      </a>
      {' | '}
      <a className="link" onClick={() => switchPage(() => Page2)}>
        Page 2
      </a>
      <Suspense fallback={<LoadingIndicator />}>
        <CurrentPage />
      </Suspense>
    </div>
  );
}