render() — react Function Reference

Architecture documentation for the render() function in mouse-move.js from the react codebase.

Function javascript BabelCompiler Entrypoint calls 1

Entity Profile

BabelCompiler→ Entrypoint→ render() — react Function Reference

Dependency Diagram

graph TD
  56ab32e5_5c1c_b0b1_4295_0fefb414d0f6["render()"]
  c9c815db_0fa3_cacf_9c47_c98e8a5ee28b["MouseMove"]
  56ab32e5_5c1c_b0b1_4295_0fefb414d0f6 -->|defined in| c9c815db_0fa3_cacf_9c47_c98e8a5ee28b
  71b5c81a_6c35_2de0_6be2_4ff47f948410["render()"]
  56ab32e5_5c1c_b0b1_4295_0fefb414d0f6 -->|calls| 71b5c81a_6c35_2de0_6be2_4ff47f948410
  style 56ab32e5_5c1c_b0b1_4295_0fefb414d0f6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/event-pooling/mouse-move.js lines 19–44

  render() {
    const {events} = this.state;

    return (
      <TestCase title="Mouse Move" description="">
        <TestCase.Steps>
          <li>Mouse over the box below</li>
        </TestCase.Steps>

        <TestCase.ExpectedResult>
          Mousemove should share the same instance of the event between
          dispatches.
        </TestCase.ExpectedResult>

        <HitBox onMouseMove={this.checkEvent} />

        <p>
          Was the event pooled?{' '}
          <b>
            {events.length ? (events.length <= 1 ? 'Yes' : 'No') : 'Unsure'} (
            {events.length} events)
          </b>
        </p>
      </TestCase>
    );
  }