react Architecture Docs
Home / Class/ NumberTestCase Class — react Architecture

NumberTestCase Class — react Architecture

Architecture documentation for the NumberTestCase class in NumberTestCase.js from the react codebase.

Class javascript BabelCompiler

Entity Profile

Dependency Diagram

graph TD
  3d659a34_85e5_785a_dba0_9919cab5dd6d["NumberTestCase"]
  ca954afb_9949_135f_2ed7_05de6b8946b4["NumberTestCase.js"]
  3d659a34_85e5_785a_dba0_9919cab5dd6d -->|defined in| ca954afb_9949_135f_2ed7_05de6b8946b4
  fc108ee5_f5be_3ac5_173a_4c7ec656835c["render()"]
  3d659a34_85e5_785a_dba0_9919cab5dd6d -->|method| fc108ee5_f5be_3ac5_173a_4c7ec656835c

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/number-inputs/NumberTestCase.js lines 5–40

class NumberTestCase extends React.Component {
  state = {value: ''};
  onChange = event => {
    const parsed = parseFloat(event.target.value, 10);
    const value = isNaN(parsed) ? '' : parsed;

    this.setState({value});
  };
  render() {
    return (
      <Fixture>
        <div>{this.props.children}</div>

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

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

Domain

Defined In

Source

Frequently Asked Questions

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

Analyze Your Own Codebase

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

Try Supermodel Free