Hooks() — react Function Reference

Architecture documentation for the Hooks() function in shared.js from the react codebase.

Function javascript BabelCompiler Optimization

Entity Profile

BabelCompiler→ Optimization→ Hooks() — react Function Reference

Dependency Diagram

graph TD
  39c31966_3594_1793_97f7_4219bbb169c1["Hooks()"]
  5307ca48_73ed_9094_d124_b0724b52c950["shared.js"]
  39c31966_3594_1793_97f7_4219bbb169c1 -->|defined in| 5307ca48_73ed_9094_d124_b0724b52c950
  style 39c31966_3594_1793_97f7_4219bbb169c1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/devtools/regression/shared.js lines 42–54

          function Hooks() {
            const [count, setCount] = React.useState(0);
            const incrementCount = React.useCallback(
              () => setCount(count + 1),
              [count]
            );
            return (
              <div>
                count: {count}{' '}
                <button onClick={incrementCount}>increment</button>
              </div>
            );
          }