render() — react Function Reference

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

Function javascript BabelCompiler Entrypoint calls 1

Entity Profile

BabelCompiler→ Entrypoint→ render() — react Function Reference

Dependency Diagram

graph TD
  9b546bb5_7891_0351_65d8_95f9a8b4d8fa["render()"]
  7a56b550_4a9f_ae5a_9aa1_1df581eeecb1["RangeInputs"]
  9b546bb5_7891_0351_65d8_95f9a8b4d8fa -->|defined in| 7a56b550_4a9f_ae5a_9aa1_1df581eeecb1
  0a7f3ff6_eb00_3efc_0b36_1b443da3b09e["render()"]
  9b546bb5_7891_0351_65d8_95f9a8b4d8fa -->|calls| 0a7f3ff6_eb00_3efc_0b36_1b443da3b09e
  style 9b546bb5_7891_0351_65d8_95f9a8b4d8fa fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/range-inputs/index.js lines 10–33

  render() {
    return (
      <FixtureSet
        title="Range Inputs"
        description="Note: Range inputs are not supported in IE9.">
        <form>
          <fieldset>
            <legend>Controlled</legend>
            <input
              type="range"
              value={this.state.value}
              onChange={this.onChange}
            />
            <span className="hint">Value: {this.state.value}</span>
          </fieldset>

          <fieldset>
            <legend>Uncontrolled</legend>
            <input type="range" defaultValue={0.5} />
          </fieldset>
        </form>
      </FixtureSet>
    );
  }