render() — react Function Reference

Architecture documentation for the render() function in EnterLeaveEventPlugin-test.js from the react codebase.

Function javascript BabelCompiler Validation calls 1 called by 2

Entity Profile

BabelCompiler→ Validation→ render() — react Function Reference

Dependency Diagram

graph TD
  17c973e0_7051_e98d_ce7a_7bda61b3d8a9["render()"]
  551f868e_b8b3_c502_a277_a9e08ef35341["Parent"]
  17c973e0_7051_e98d_ce7a_7bda61b3d8a9 -->|defined in| 551f868e_b8b3_c502_a277_a9e08ef35341
  38876d1c_a321_6eed_bd26_f54a744c4237["render()"]
  38876d1c_a321_6eed_bd26_f54a744c4237 -->|calls| 17c973e0_7051_e98d_ce7a_7bda61b3d8a9
  16b03c77_7095_a182_8679_2bdddfa1ad34["componentDidMount()"]
  16b03c77_7095_a182_8679_2bdddfa1ad34 -->|calls| 17c973e0_7051_e98d_ce7a_7bda61b3d8a9
  38876d1c_a321_6eed_bd26_f54a744c4237["render()"]
  17c973e0_7051_e98d_ce7a_7bda61b3d8a9 -->|calls| 38876d1c_a321_6eed_bd26_f54a744c4237
  style 17c973e0_7051_e98d_ce7a_7bda61b3d8a9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom/src/events/plugins/__tests__/EnterLeaveEventPlugin-test.js lines 123–133

      render() {
        return (
          <div
            onMouseEnter={() => parentEnterCalls++}
            ref={node => (parent = node)}>
            {this.props.showChild && (
              <div onMouseEnter={() => childEnterCalls++} />
            )}
          </div>
        );
      }