render() — react Function Reference

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

Function javascript BabelCompiler Validation calls 1 called by 1

Entity Profile

BabelCompiler→ Validation→ render() — react Function Reference

Dependency Diagram

graph TD
  bd32b460_aea9_1846_ae67_5046d5ca4e5f["render()"]
  c22a2c25_232e_9a32_dbb0_5038725bab89["MyComponent"]
  bd32b460_aea9_1846_ae67_5046d5ca4e5f -->|defined in| c22a2c25_232e_9a32_dbb0_5038725bab89
  266099d2_735e_df48_2d31_77948363e000["render()"]
  266099d2_735e_df48_2d31_77948363e000 -->|calls| bd32b460_aea9_1846_ae67_5046d5ca4e5f
  266099d2_735e_df48_2d31_77948363e000["render()"]
  bd32b460_aea9_1846_ae67_5046d5ca4e5f -->|calls| 266099d2_735e_df48_2d31_77948363e000
  style bd32b460_aea9_1846_ae67_5046d5ca4e5f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom/src/__tests__/ReactDOMEventListener-test.js lines 130–138

          render() {
            if (this.state.clicked) {
              return <span>clicked!</span>;
            } else {
              return (
                <button onClick={this.handleClick}>not yet clicked</button>
              );
            }
          }