react Architecture Docs
Home / Function/ Component() — react Function Reference

Component() — react Function Reference

Architecture documentation for the Component() function in ComponentWithCustomHook.js from the react codebase.

Function javascript BabelCompiler Validation calls 2

Entity Profile

Dependency Diagram

graph TD
  5ded5827_99d3_6a9b_80c9_297a09c12427["Component()"]
  bb6fb9e5_0dac_425d_1059_dd14c59bf23f["ComponentWithCustomHook.js"]
  5ded5827_99d3_6a9b_80c9_297a09c12427 -->|defined in| bb6fb9e5_0dac_425d_1059_dd14c59bf23f
  37e64f3c_74de_d7af_be8b_dca47b47734e["useIsDarkMode()"]
  5ded5827_99d3_6a9b_80c9_297a09c12427 -->|calls| 37e64f3c_74de_d7af_be8b_dca47b47734e
  f37c47e2_8a1d_b290_57f7_167ccbc904ba["useFoo()"]
  5ded5827_99d3_6a9b_80c9_297a09c12427 -->|calls| f37c47e2_8a1d_b290_57f7_167ccbc904ba
  style 5ded5827_99d3_6a9b_80c9_297a09c12427 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/hooks/__tests__/__source__/__compiled__/inline/react-sources-extended/index-map/ComponentWithCustomHook.js lines 16–53

function Component() {
  const [count, setCount] = (0, _react.useState)(0);
  const isDarkMode = useIsDarkMode();
  const {
    foo
  } = useFoo();
  (0, _react.useEffect)(() => {// ...
  }, []);

  const handleClick = () => setCount(count + 1);

  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
    __source: {
      fileName: _jsxFileName,
      lineNumber: 25,
      columnNumber: 7
    }
  }, "Dark mode? ", isDarkMode), /*#__PURE__*/_react.default.createElement("div", {
    __source: {
      fileName: _jsxFileName,
      lineNumber: 26,
      columnNumber: 7
    }
  }, "Count: ", count), /*#__PURE__*/_react.default.createElement("div", {
    __source: {
      fileName: _jsxFileName,
      lineNumber: 27,
      columnNumber: 7
    }
  }, "Foo: ", foo), /*#__PURE__*/_react.default.createElement("button", {
    onClick: handleClick,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 28,
      columnNumber: 7
    }
  }, "Update count"));
}

Domain

Subdomains

Defined In

Calls

Source

Frequently Asked Questions

What does Component() do?
Component() is a function in the react codebase, defined in packages/react-devtools-shared/src/hooks/__tests__/__source__/__compiled__/inline/react-sources-extended/index-map/ComponentWithCustomHook.js.
Where is Component() defined?
Component() is defined in packages/react-devtools-shared/src/hooks/__tests__/__source__/__compiled__/inline/react-sources-extended/index-map/ComponentWithCustomHook.js at line 16.
What does Component() call?
Component() calls 2 function(s): useFoo, useIsDarkMode.

Analyze Your Own Codebase

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

Try Supermodel Free