Home / File/ VersionPicker.js — react Source File

VersionPicker.js — react Source File

Architecture documentation for VersionPicker.js, a javascript file in the react codebase. 2 imports, 2 dependents.

File javascript BabelCompiler Optimization 2 imports 2 dependents 1 classes

Entity Profile

Dependency Diagram

graph LR
  c789f524_d8a3_6787_39a9_b5039ca79e1b["VersionPicker.js"]
  7d63591d_64d7_3647_f176_d8bc764bfb02["tags.js"]
  c789f524_d8a3_6787_39a9_b5039ca79e1b --> 7d63591d_64d7_3647_f176_d8bc764bfb02
  777968f2_07ba_1603_4de2_6b8d19c2bf69["getVersionTags"]
  c789f524_d8a3_6787_39a9_b5039ca79e1b --> 777968f2_07ba_1603_4de2_6b8d19c2bf69
  67344e75_b2cd_aff2_a4d4_05a48eb9044f["Header.js"]
  67344e75_b2cd_aff2_a4d4_05a48eb9044f --> c789f524_d8a3_6787_39a9_b5039ca79e1b
  24f91f3d_8b7d_3d1b_d51b_544e9e2c6143["index.js"]
  24f91f3d_8b7d_3d1b_d51b_544e9e2c6143 --> c789f524_d8a3_6787_39a9_b5039ca79e1b
  style c789f524_d8a3_6787_39a9_b5039ca79e1b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import getVersionTags from '../tags';

const React = window.React;

class VersionPicker extends React.Component {
  constructor(props, context) {
    super(props, context);
    const version = props.version || 'local';
    const versions = [version];
    this.state = {versions};
  }

  componentWillMount() {
    getVersionTags().then(tags => {
      let versions = tags.map(tag => tag.name.slice(1));
      versions = [`local`, ...versions];
      this.setState({versions});
    });
  }

  onChange = event => {
    this.props.onChange(event.target.value);
  };

  render() {
    const {version, id, name} = this.props;
    const {versions} = this.state;

    return (
      <select id={id} name={name} value={version} onChange={this.onChange}>
        {versions.map(version => (
          <option key={version} value={version}>
            {version}
          </option>
        ))}
      </select>
    );
  }
}

export default VersionPicker;

Domain

Subdomains

Classes

Dependencies

Frequently Asked Questions

What does VersionPicker.js do?
VersionPicker.js is a source file in the react codebase, written in javascript. It belongs to the BabelCompiler domain, Optimization subdomain.
What does VersionPicker.js depend on?
VersionPicker.js imports 2 module(s): getVersionTags, tags.js.
What files import VersionPicker.js?
VersionPicker.js is imported by 2 file(s): Header.js, index.js.
Where is VersionPicker.js in the architecture?
VersionPicker.js is located at fixtures/dom/src/components/VersionPicker.js (domain: BabelCompiler, subdomain: Optimization, directory: fixtures/dom/src/components).

Analyze Your Own Codebase

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

Try Supermodel Free