render() — react Function Reference

Architecture documentation for the render() function in InputTestCase.js from the react codebase.

Function javascript BabelCompiler Optimization calls 1

Entity Profile

BabelCompiler→ Optimization→ render() — react Function Reference

Dependency Diagram

graph TD
  081b2c9e_12ad_0bdc_8b21_45be0c3b973f["render()"]
  284c120f_94a4_b51a_afd4_4773500fb56f["InputTestCase"]
  081b2c9e_12ad_0bdc_8b21_45be0c3b973f -->|defined in| 284c120f_94a4_b51a_afd4_4773500fb56f
  30746efb_479a_3265_6cf9_08410a792f23["render()"]
  081b2c9e_12ad_0bdc_8b21_45be0c3b973f -->|calls| 30746efb_479a_3265_6cf9_08410a792f23
  style 081b2c9e_12ad_0bdc_8b21_45be0c3b973f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/text-inputs/InputTestCase.js lines 34–56

  render() {
    const {children, type, defaultValue} = this.props;
    const {value} = this.state;

    return (
      <Fixture>
        <div>{children}</div>

        <div className="control-box">
          <fieldset>
            <legend>Controlled {type}</legend>
            <input type={type} value={value} onChange={this.onChange} />
            <p className="hint">Value: {JSON.stringify(this.state.value)}</p>
          </fieldset>

          <fieldset>
            <legend>Uncontrolled {type}</legend>
            <input type={type} defaultValue={defaultValue} />
          </fieldset>
        </div>
      </Fixture>
    );
  }