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

ListItem() — react Function Reference

Architecture documentation for the ListItem() function in index.js from the react codebase.

Function javascript CompilerCore Gating

Entity Profile

Dependency Diagram

graph TD
  47c06428_8d3f_c0ef_b0d9_8e28ec9871c0["ListItem()"]
  fadad6d0_1cab_dbd3_0a31_4b143cf9a594["index.js"]
  47c06428_8d3f_c0ef_b0d9_8e28ec9871c0 -->|defined in| fadad6d0_1cab_dbd3_0a31_4b143cf9a594
  style 47c06428_8d3f_c0ef_b0d9_8e28ec9871c0 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/hooks/__tests__/__source__/__compiled__/bundle/index.js lines 247–287

function ListItem({
  item,
  removeItem,
  toggleItem
}) {
  const handleDelete = React.useCallback(() => {
    removeItem(item);
  }, [item, removeItem]);
  const handleToggle = React.useCallback(() => {
    toggleItem(item);
  }, [item, toggleItem]);
  return /*#__PURE__*/React.createElement("li", {
    __source: {
      fileName: _jsxFileName$5,
      lineNumber: 23,
      columnNumber: 5
    }
  }, /*#__PURE__*/React.createElement("button", {
    onClick: handleDelete,
    __source: {
      fileName: _jsxFileName$5,
      lineNumber: 24,
      columnNumber: 7
    }
  }, "Delete"), /*#__PURE__*/React.createElement("label", {
    __source: {
      fileName: _jsxFileName$5,
      lineNumber: 25,
      columnNumber: 7
    }
  }, /*#__PURE__*/React.createElement("input", {
    checked: item.isComplete,
    onChange: handleToggle,
    type: "checkbox",
    __source: {
      fileName: _jsxFileName$5,
      lineNumber: 26,
      columnNumber: 9
    }
  }), ' ', item.text));
}

Domain

Subdomains

Defined In

Source

Frequently Asked Questions

What does ListItem() do?
ListItem() is a function in the react codebase, defined in packages/react-devtools-shared/src/hooks/__tests__/__source__/__compiled__/bundle/index.js.
Where is ListItem() defined?
ListItem() is defined in packages/react-devtools-shared/src/hooks/__tests__/__source__/__compiled__/bundle/index.js at line 247.

Analyze Your Own Codebase

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

Try Supermodel Free