render() — react Function Reference

Architecture documentation for the render() function in ChangeEventPlugin-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
  dc085d58_8996_556d_6db4_3129a975aba1["render()"]
  53291e6d_a41f_3554_2112_2bd07692c55e["ControlledInput"]
  dc085d58_8996_556d_6db4_3129a975aba1 -->|defined in| 53291e6d_a41f_3554_2112_2bd07692c55e
  4f3b57ba_4dcc_1919_afa8_4e3b6a673e74["render()"]
  4f3b57ba_4dcc_1919_afa8_4e3b6a673e74 -->|calls| dc085d58_8996_556d_6db4_3129a975aba1
  4f3b57ba_4dcc_1919_afa8_4e3b6a673e74["render()"]
  dc085d58_8996_556d_6db4_3129a975aba1 -->|calls| 4f3b57ba_4dcc_1919_afa8_4e3b6a673e74
  style dc085d58_8996_556d_6db4_3129a975aba1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom/src/events/plugins/__tests__/ChangeEventPlugin-test.js lines 616–628

        render() {
          Scheduler.log(`render: ${this.state.value}`);
          const controlledValue =
            this.state.value === 'changed' ? 'changed [!]' : this.state.value;
          return (
            <input
              ref={el => (input = el)}
              type="text"
              value={controlledValue}
              onChange={this.onChange}
            />
          );
        }