render() — react Function Reference

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

Function javascript BabelCompiler Optimization calls 1

Entity Profile

BabelCompiler→ Optimization→ render() — react Function Reference

Dependency Diagram

graph TD
  78be39ce_4c78_4d33_aedf_731792c13496["render()"]
  89e7d4af_9bf3_eac1_1737_93b9d99827b5["ButtonTestCases"]
  78be39ce_4c78_4d33_aedf_731792c13496 -->|defined in| 89e7d4af_9bf3_eac1_1737_93b9d99827b5
  0a7f3ff6_eb00_3efc_0b36_1b443da3b09e["render()"]
  78be39ce_4c78_4d33_aedf_731792c13496 -->|calls| 0a7f3ff6_eb00_3efc_0b36_1b443da3b09e
  style 78be39ce_4c78_4d33_aedf_731792c13496 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/buttons/index.js lines 11–42

  render() {
    return (
      <FixtureSet title="Buttons">
        <TestCase
          title="onClick with disabled buttons"
          description="The onClick event handler should not be invoked when clicking on a disabled button">
          <TestCase.Steps>
            <li>Click on the disabled button</li>
          </TestCase.Steps>
          <TestCase.ExpectedResult>
            Nothing should happen
          </TestCase.ExpectedResult>
          <button disabled onClick={onButtonClick}>
            Click Me
          </button>
        </TestCase>
        <TestCase
          title="onClick with disabled buttons containing other elements"
          description="The onClick event handler should not be invoked when clicking on a disabled button that contains other elements">
          <TestCase.Steps>
            <li>Click on the disabled button, which contains a span</li>
          </TestCase.Steps>
          <TestCase.ExpectedResult>
            Nothing should happen
          </TestCase.ExpectedResult>
          <button disabled onClick={onButtonClick}>
            <span>Click Me</span>
          </button>
        </TestCase>
      </FixtureSet>
    );
  }