Home / Class/ Inner Class — react Architecture

Inner Class — react Architecture

Architecture documentation for the Inner class in ReactComponent-test.js from the react codebase.

Entity Profile

Dependency Diagram

graph TD
  0c20f8ce_727f_8cf0_4639_99c83baeb515["Inner"]
  fcb11462_6e67_b4af_9dfc_b2e2c1126dd1["ReactComponent-test.js"]
  0c20f8ce_727f_8cf0_4639_99c83baeb515 -->|defined in| fcb11462_6e67_b4af_9dfc_b2e2c1126dd1
  bf1d1aec_d969_f424_e9ec_794f9735b3bb["render()"]
  0c20f8ce_727f_8cf0_4639_99c83baeb515 -->|method| bf1d1aec_d969_f424_e9ec_794f9735b3bb
  b2ed49d7_55a7_9903_7d91_0461bbd1559c["componentDidMount()"]
  0c20f8ce_727f_8cf0_4639_99c83baeb515 -->|method| b2ed49d7_55a7_9903_7d91_0461bbd1559c
  4e7b2501_9a17_2748_3870_c73793fb26a8["componentDidUpdate()"]
  0c20f8ce_727f_8cf0_4639_99c83baeb515 -->|method| 4e7b2501_9a17_2748_3870_c73793fb26a8
  48622683_7ab8_73d7_e167_3b038f04aff9["componentWillUnmount()"]
  0c20f8ce_727f_8cf0_4639_99c83baeb515 -->|method| 48622683_7ab8_73d7_e167_3b038f04aff9

Relationship Graph

Source Code

packages/react-dom/src/__tests__/ReactComponent-test.js lines 294–311

    class Inner extends React.Component {
      render() {
        log.push(`inner ${this.props.id} render`);
        return <div />;
      }

      componentDidMount() {
        log.push(`inner ${this.props.id} componentDidMount`);
      }

      componentDidUpdate() {
        log.push(`inner ${this.props.id} componentDidUpdate`);
      }

      componentWillUnmount() {
        log.push(`inner ${this.props.id} componentWillUnmount`);
      }
    }

Frequently Asked Questions

What is the Inner class?
Inner is a class in the react codebase, defined in packages/react-dom/src/__tests__/ReactComponent-test.js.
Where is Inner defined?
Inner is defined in packages/react-dom/src/__tests__/ReactComponent-test.js at line 294.

Analyze Your Own Codebase

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

Try Supermodel Free