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
  4f3b57ba_4dcc_1919_afa8_4e3b6a673e74["render()"]
  c8d7261c_0915_ee3b_84d2_2cf4949d3b3b["ControlledTextarea"]
  4f3b57ba_4dcc_1919_afa8_4e3b6a673e74 -->|defined in| c8d7261c_0915_ee3b_84d2_2cf4949d3b3b
  dc085d58_8996_556d_6db4_3129a975aba1["render()"]
  dc085d58_8996_556d_6db4_3129a975aba1 -->|calls| 4f3b57ba_4dcc_1919_afa8_4e3b6a673e74
  dc085d58_8996_556d_6db4_3129a975aba1["render()"]
  4f3b57ba_4dcc_1919_afa8_4e3b6a673e74 -->|calls| dc085d58_8996_556d_6db4_3129a975aba1
  style 4f3b57ba_4dcc_1919_afa8_4e3b6a673e74 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom/src/events/plugins/__tests__/ChangeEventPlugin-test.js lines 713–725

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