Home / Class/ Parent Class — react Architecture

Parent Class — react Architecture

Architecture documentation for the Parent class in ReactDOMSelect-test.js from the react codebase.

Entity Profile

Dependency Diagram

graph TD
  33b8619b_67e8_19d1_7223_d43c307cbcd6["Parent"]
  b7c7b1fd_808e_de55_139a_3e9a8fb0dd4c["ReactDOMSelect-test.js"]
  33b8619b_67e8_19d1_7223_d43c307cbcd6 -->|defined in| b7c7b1fd_808e_de55_139a_3e9a8fb0dd4c
  6e3a796a_e2ec_ade0_4f78_ed294fa54806["componentDidMount()"]
  33b8619b_67e8_19d1_7223_d43c307cbcd6 -->|method| 6e3a796a_e2ec_ade0_4f78_ed294fa54806
  4d958d12_c317_a19d_3d94_d7509bd7000d["componentDidUpdate()"]
  33b8619b_67e8_19d1_7223_d43c307cbcd6 -->|method| 4d958d12_c317_a19d_3d94_d7509bd7000d
  90050c58_950a_3a8e_542a_207858d62238["_handleChange()"]
  33b8619b_67e8_19d1_7223_d43c307cbcd6 -->|method| 90050c58_950a_3a8e_542a_207858d62238
  9d82fa98_a263_12b1_7c45_eea68f3ec463["_renderNested()"]
  33b8619b_67e8_19d1_7223_d43c307cbcd6 -->|method| 9d82fa98_a263_12b1_7c45_eea68f3ec463
  c1a8c111_11e6_7c8d_51ff_17efb0bbfc2b["render()"]
  33b8619b_67e8_19d1_7223_d43c307cbcd6 -->|method| c1a8c111_11e6_7c8d_51ff_17efb0bbfc2b

Relationship Graph

Source Code

packages/react-dom/src/__tests__/ReactDOMSelect-test.js lines 974–1008

    class Parent extends React.Component {
      state = {
        value: 'giraffe',
      };

      componentDidMount() {
        this._renderNested();
      }

      componentDidUpdate() {
        this._renderNested();
      }

      _handleChange(event) {
        this.setState({value: event.target.value});
      }

      _renderNested() {
        ReactDOM.render(
          <select
            onChange={this._handleChange.bind(this)}
            ref={n => (selectNode = n)}
            value={this.state.value}>
            <option value="monkey">A monkey!</option>
            <option value="giraffe">A giraffe!</option>
            <option value="gorilla">A gorilla!</option>
          </select>,
          this._nestingContainer,
        );
      }

      render() {
        return <div ref={n => (this._nestingContainer = n)} />;
      }
    }

Frequently Asked Questions

What is the Parent class?
Parent is a class in the react codebase, defined in packages/react-dom/src/__tests__/ReactDOMSelect-test.js.
Where is Parent defined?
Parent is defined in packages/react-dom/src/__tests__/ReactDOMSelect-test.js at line 974.

Analyze Your Own Codebase

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

Try Supermodel Free