change() — react Function Reference

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

Function javascript BabelCompiler Validation called by 1

Entity Profile

BabelCompiler→ Validation→ change() — react Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

packages/react-dom/src/__tests__/ReactDOMInput-test.js lines 251–258

      change(newValue) {
        this.setState({value: newValue});
        // Calling focus here will blur the text box which causes a native
        // change event. Ideally we shouldn't have to fire this ourselves.
        // Don't remove unless you've verified the fix in #8240 is still covered.
        dispatchEventOnNode(this.a, 'input');
        this.b.focus();
      }