componentDidMount() — react Function Reference

Architecture documentation for the componentDidMount() function in Code.js from the react codebase.

Function javascript BabelCompiler Optimization calls 2 called by 1

Entity Profile

BabelCompiler→ Optimization→ componentDidMount() — react Function Reference

Dependency Diagram

graph TD
  5daf6956_443d_be4d_ef65_02e90ce88ee0["componentDidMount()"]
  b9c1fd4b_ff65_7dd6_f605_73afc10be7d6["CodeEditor"]
  5daf6956_443d_be4d_ef65_02e90ce88ee0 -->|defined in| b9c1fd4b_ff65_7dd6_f605_73afc10be7d6
  32bb023a_bc39_4e39_99f9_1633b1e1e311["componentDidMount()"]
  32bb023a_bc39_4e39_99f9_1633b1e1e311 -->|calls| 5daf6956_443d_be4d_ef65_02e90ce88ee0
  b9f57d78_6156_689c_1ccb_22fb08523ef3["install()"]
  5daf6956_443d_be4d_ef65_02e90ce88ee0 -->|calls| b9f57d78_6156_689c_1ccb_22fb08523ef3
  6a16ba39_67e4_1613_55b4_346b67d822dd["findDOMNode()"]
  5daf6956_443d_be4d_ef65_02e90ce88ee0 -->|calls| 6a16ba39_67e4_1613_55b4_346b67d822dd
  style 5daf6956_443d_be4d_ef65_02e90ce88ee0 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/hydration/Code.js lines 10–22

  componentDidMount() {
    this.textarea = findDOMNode(this);

    // Important: CodeMirror incorrectly lays out the editor
    // if it executes before CSS has loaded
    // https://github.com/graphql/graphiql/issues/33#issuecomment-318188555
    Promise.all([
      import('codemirror'),
      import('codemirror/mode/jsx/jsx'),
      import('codemirror/lib/codemirror.css'),
      import('./codemirror-paraiso-dark.css'),
    ]).then(([CodeMirror]) => this.install(CodeMirror));
  }