render() — react Function Reference

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

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ render() — react Function Reference

Dependency Diagram

graph TD
  cb43a8e4_f546_d8dc_4c8c_d8856ea80e4c["render()"]
  8cb18f41_3b54_f8a6_31bb_bdcf288365c1["Button"]
  cb43a8e4_f546_d8dc_4c8c_d8856ea80e4c -->|defined in| 8cb18f41_3b54_f8a6_31bb_bdcf288365c1
  style cb43a8e4_f546_d8dc_4c8c_d8856ea80e4c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom/src/events/plugins/__tests__/SimpleEventPlugin-test.js lines 228–243

      render() {
        return (
          <button
            ref={el => (button = el)}
            onFocus={this.increment}
            onClick={() => {
              // The focus call synchronously dispatches a nested event. All of
              // the updates in this handler should be batched together.
              this.increment();
              button.focus();
              this.increment();
            }}>
            Count: {this.state.count}
          </button>
        );
      }