render() — react Function Reference

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

Function javascript BabelCompiler Entrypoint calls 1

Entity Profile

BabelCompiler→ Entrypoint→ render() — react Function Reference

Dependency Diagram

graph TD
  bc128845_01a3_a8e8_861d_a3a1d1fe35a6["render()"]
  fa8442a3_d40e_2c08_a922_3db3faaa8976["FormStateCases"]
  bc128845_01a3_a8e8_861d_a3a1d1fe35a6 -->|defined in| fa8442a3_d40e_2c08_a922_3db3faaa8976
  0a7f3ff6_eb00_3efc_0b36_1b443da3b09e["render()"]
  bc128845_01a3_a8e8_861d_a3a1d1fe35a6 -->|calls| 0a7f3ff6_eb00_3efc_0b36_1b443da3b09e
  style bc128845_01a3_a8e8_861d_a3a1d1fe35a6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/form-state/index.js lines 7–51

  render() {
    return (
      <FixtureSet title="Form State">
        <TestCase
          title="Form state autofills from browser"
          description="Form start should autofill/autocomplete if user has autocomplete/autofill information saved. The user may need to set-up autofill or autocomplete with their specific browser.">
          <TestCase.Steps>
            <li>
              Set up autofill/autocomplete for your browser.
              <br />
              Instructions:
              <ul>
                <li>
                  <SafeLink
                    href="https://support.google.com/chrome/answer/142893?co=GENIE.Platform%3DDesktop&hl=en"
                    text="Google Chrome"
                  />
                </li>
                <li>
                  <SafeLink
                    href="https://support.mozilla.org/en-US/kb/autofill-logins-firefox"
                    text="Mozilla FireFox"
                  />
                </li>
                <li>
                  <SafeLink
                    href="https://support.microsoft.com/en-us/help/4027718/microsoft-edge-automatically-fill-info"
                    text="Microsoft Edge"
                  />
                </li>
              </ul>
            </li>
            <li>Click into any input.</li>
            <li>Select any autofill option.</li>
          </TestCase.Steps>
          <TestCase.ExpectedResult>
            Autofill options should appear when clicking into fields. Selected
            autofill options should change state (shown underneath, under
            "States").
          </TestCase.ExpectedResult>
          <ControlledFormFixture />
        </TestCase>
      </FixtureSet>
    );
  }