react Architecture Docs
Home / Class/ RangeInputs Class — react Architecture

RangeInputs Class — react Architecture

Architecture documentation for the RangeInputs class in index.js from the react codebase.

Class javascript BabelCompiler

Entity Profile

Dependency Diagram

graph TD
  7a56b550_4a9f_ae5a_9aa1_1df581eeecb1["RangeInputs"]
  3275d236_c918_5203_70cd_06efb7f2fa1f["index.js"]
  7a56b550_4a9f_ae5a_9aa1_1df581eeecb1 -->|defined in| 3275d236_c918_5203_70cd_06efb7f2fa1f
  9b546bb5_7891_0351_65d8_95f9a8b4d8fa["render()"]
  7a56b550_4a9f_ae5a_9aa1_1df581eeecb1 -->|method| 9b546bb5_7891_0351_65d8_95f9a8b4d8fa

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/range-inputs/index.js lines 5–34

class RangeInputs extends React.Component {
  state = {value: 0.5};
  onChange = event => {
    this.setState({value: event.target.value});
  };
  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>
    );
  }
}

Domain

Defined In

Source

Frequently Asked Questions

What is the RangeInputs class?
RangeInputs is a class in the react codebase, defined in fixtures/dom/src/components/fixtures/range-inputs/index.js.
Where is RangeInputs defined?
RangeInputs is defined in fixtures/dom/src/components/fixtures/range-inputs/index.js at line 5.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free