render() — react Function Reference

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

Function javascript BabelCompiler Optimization calls 1

Entity Profile

BabelCompiler→ Optimization→ render() — react Function Reference

Dependency Diagram

graph TD
  19745d86_cd02_fd7a_0c82_b0c22c4a45bf["render()"]
  f8873f2c_f8d1_5a4d_c333_c44a35005223["Drag"]
  19745d86_cd02_fd7a_0c82_b0c22c4a45bf -->|defined in| f8873f2c_f8d1_5a4d_c333_c44a35005223
  71b5c81a_6c35_2de0_6be2_4ff47f948410["render()"]
  19745d86_cd02_fd7a_0c82_b0c22c4a45bf -->|calls| 71b5c81a_6c35_2de0_6be2_4ff47f948410
  style 19745d86_cd02_fd7a_0c82_b0c22c4a45bf fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/pointer-events/drag.js lines 7–22

  render() {
    return (
      <TestCase title="Drag" description="">
        <TestCase.Steps>
          <li>Drag the circle below with any pointer tool</li>
        </TestCase.Steps>

        <TestCase.ExpectedResult>
          While dragging, the circle must have turn blue to indicate that a
          pointer capture was received.
        </TestCase.ExpectedResult>

        <DragBox />
      </TestCase>
    );
  }