render() — react Function Reference

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

Function javascript BabelCompiler Validation calls 2

Entity Profile

BabelCompiler→ Validation→ render() — react Function Reference

Dependency Diagram

graph TD
  e615e3bb_b80b_83af_46e2_3f666f89a1eb["render()"]
  eee21e17_a72b_5d13_0350_2770b115bcf7["ControlledInputs"]
  e615e3bb_b80b_83af_46e2_3f666f89a1eb -->|defined in| eee21e17_a72b_5d13_0350_2770b115bcf7
  c43fe588_8b65_feb5_7aa2_daa5282e73b9["blur()"]
  e615e3bb_b80b_83af_46e2_3f666f89a1eb -->|calls| c43fe588_8b65_feb5_7aa2_daa5282e73b9
  1263c767_0b90_1870_deeb_cae31a48a63e["change()"]
  e615e3bb_b80b_83af_46e2_3f666f89a1eb -->|calls| 1263c767_0b90_1870_deeb_cae31a48a63e
  style e615e3bb_b80b_83af_46e2_3f666f89a1eb fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom/src/__tests__/ReactDOMInput-test.js lines 265–278

      render() {
        return (
          <div>
            <input
              type="text"
              ref={n => (this.a = n)}
              value={this.state.value}
              onChange={e => this.change(e.target.value)}
              onBlur={e => this.blur(e.target.value)}
            />
            <input type="text" ref={n => (this.b = n)} />
          </div>
        );
      }