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
  a34c82fb_0377_6ebb_f68c_cfa44d4aa073["Form()"]
  427ce39f_dbe6_0025_36a9_def9ad6283ce["Form.js"]
  a34c82fb_0377_6ebb_f68c_cfa44d4aa073 -->|defined in| 427ce39f_dbe6_0025_36a9_def9ad6283ce
  style a34c82fb_0377_6ebb_f68c_cfa44d4aa073 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/flight-esm/src/Form.js lines 14–45

export default function Form({action, children}) {
  const [isPending, setIsPending] = React.useState(false);
  return h(
    ErrorBoundary,
    null,
    h(
      'form',
      {
        action: action,
      },
      h(
        'label',
        {},
        'Name: ',
        h('input', {
          name: 'name',
        })
      ),
      h(
        'label',
        {},
        'File: ',
        h('input', {
          type: 'file',
          name: 'file',
        })
      ),
      h('button', {}, 'Say Hi'),
      h(Status, {})
    )
  );
}