Home / Class/ Component Class — react Architecture

Component Class — react Architecture

Architecture documentation for the Component class in react-17.test.js from the react codebase.

Entity Profile

Dependency Diagram

graph TD
  6e423ff6_4afc_a04d_7e9a_8501c1bf9917["Component"]
  583aaf17_16c6_078f_3d09_33613beb6c91["react-17.test.js"]
  6e423ff6_4afc_a04d_7e9a_8501c1bf9917 -->|defined in| 583aaf17_16c6_078f_3d09_33613beb6c91
  09619f9e_890c_d528_a4bf_69660a2e76ce["render()"]
  6e423ff6_4afc_a04d_7e9a_8501c1bf9917 -->|method| 09619f9e_890c_d528_a4bf_69660a2e76ce
  964185bf_dbbf_cfed_f1c9_8184f4c2c265["componentDidMount()"]
  6e423ff6_4afc_a04d_7e9a_8501c1bf9917 -->|method| 964185bf_dbbf_cfed_f1c9_8184f4c2c265
  0a630dbe_0446_2ee5_f8ab_bc2601e8fd09["constructor()"]
  6e423ff6_4afc_a04d_7e9a_8501c1bf9917 -->|method| 0a630dbe_0446_2ee5_f8ab_bc2601e8fd09

Relationship Graph

Source Code

fixtures/legacy-jsx-runtimes/react-17/react-17.test.js lines 544–559

  class Component extends React.Component {
    render() {
      const inner = <Wrapper object={innerObj} ref="inner" />;
      const outer = (
        <Wrapper object={outerObj} ref="outer">
          {inner}
        </Wrapper>
      );
      return outer;
    }

    componentDidMount() {
      expect(this.refs.inner.getObject()).toEqual(innerObj);
      expect(this.refs.outer.getObject()).toEqual(outerObj);
    }
  }

Frequently Asked Questions

What is the Component class?
Component is a class in the react codebase, defined in fixtures/legacy-jsx-runtimes/react-17/react-17.test.js.
Where is Component defined?
Component is defined in fixtures/legacy-jsx-runtimes/react-17/react-17.test.js at line 544.

Analyze Your Own Codebase

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

Try Supermodel Free