Form() — react Function Reference

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

Function javascript BabelCompiler Optimization

Entity Profile

BabelCompiler→ Optimization→ Form() — react Function Reference

Dependency Diagram

graph TD
  fa0aab28_8756_3907_b1d2_b1510c25989b["Form()"]
  dcf1b254_c429_16d7_1424_96bb51b3b171["Form.js"]
  fa0aab28_8756_3907_b1d2_b1510c25989b -->|defined in| dcf1b254_c429_16d7_1424_96bb51b3b171
  style fa0aab28_8756_3907_b1d2_b1510c25989b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/flight/src/Form.js lines 12–29

export default function Form({action, children}) {
  const [isPending, setIsPending] = React.useState(false);

  return (
    <ErrorBoundary>
      <form action={action}>
        <label>
          Name: <input name="name" />
        </label>
        <label>
          File: <input type="file" name="file" />
        </label>
        <button>Say Hi</button>
        <Status />
      </form>
    </ErrorBoundary>
  );
}