react Architecture Docs
Home / Class/ Switcher Class — react Architecture

Switcher Class — react Architecture

Architecture documentation for the Switcher class in ReactLegacyUpdates-test.js from the react codebase.

Class javascript

Entity Profile

Dependency Diagram

graph TD
  a68c1d49_235f_01d5_c21a_ae5f44c02a6b["Switcher"]
  57bbe153_3647_1eae_6c86_4e9ee333eae2["ReactLegacyUpdates-test.js"]
  a68c1d49_235f_01d5_c21a_ae5f44c02a6b -->|defined in| 57bbe153_3647_1eae_6c86_4e9ee333eae2
  7edf0b68_33f2_47b0_e8ea_03f3a62f55b1["render()"]
  a68c1d49_235f_01d5_c21a_ae5f44c02a6b -->|method| 7edf0b68_33f2_47b0_e8ea_03f3a62f55b1

Relationship Graph

Source Code

packages/react-dom/src/__tests__/ReactLegacyUpdates-test.js lines 457–476

    class Switcher extends React.Component {
      state = {tabKey: 'hello'};
      boxRef = React.createRef();
      switcherDivRef = React.createRef();
      render() {
        const child = this.props.children;

        return (
          <Box ref={this.boxRef}>
            <div
              ref={this.switcherDivRef}
              style={{
                display: this.state.tabKey === child.key ? '' : 'none',
              }}>
              {child}
            </div>
          </Box>
        );
      }
    }

Defined In

Source

Frequently Asked Questions

What is the Switcher class?
Switcher is a class in the react codebase, defined in packages/react-dom/src/__tests__/ReactLegacyUpdates-test.js.
Where is Switcher defined?
Switcher is defined in packages/react-dom/src/__tests__/ReactLegacyUpdates-test.js at line 457.

Analyze Your Own Codebase

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

Try Supermodel Free