Hello() — react Function Reference

Architecture documentation for the Hello() function in hello.e2e.js from the react codebase.

Function javascript TestingUtilities E2E calls 1

Entity Profile

TestingUtilities→ E2E→ Hello() — react Function Reference

Dependency Diagram

graph TD
  39570d49_d895_1c67_03b7_d167e159b4af["Hello()"]
  e9248ace_b139_9678_a79d_b7d2cb6929a0["hello.e2e.js"]
  39570d49_d895_1c67_03b7_d167e159b4af -->|defined in| e9248ace_b139_9678_a79d_b7d2cb6929a0
  ce4848f8_46e9_ec40_9ee1_bb0abaf07e5b["log()"]
  39570d49_d895_1c67_03b7_d167e159b4af -->|calls| ce4848f8_46e9_ec40_9ee1_bb0abaf07e5b
  style 39570d49_d895_1c67_03b7_d167e159b4af fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

compiler/packages/babel-plugin-react-compiler/src/__tests__/e2e/hello.e2e.js lines 12–23

function Hello({name}) {
  const items = [1, 2, 3].map(item => {
    log(`recomputing ${item}`);
    return <div key={item}>Item {item}</div>;
  });
  return (
    <div>
      Hello<b>{name}</b>
      {items}
    </div>
  );
}