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

ListItem() — react Function Reference

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

Function javascript BabelCompiler Validation

Entity Profile

Dependency Diagram

graph TD
  0c2a94c4_0e3a_b1a0_578f_1d2f6aed2d27["ListItem()"]
  cfa578ce_5d06_c23a_bc75_50410bb8d3fa["ToDoList.js"]
  0c2a94c4_0e3a_b1a0_578f_1d2f6aed2d27 -->|defined in| cfa578ce_5d06_c23a_bc75_50410bb8d3fa
  style 0c2a94c4_0e3a_b1a0_578f_1d2f6aed2d27 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/hooks/__tests__/__source__/__compiled__/inline/ToDoList.js lines 17–57

function ListItem({
  item,
  removeItem,
  toggleItem
}) {
  const handleDelete = (0, React.useCallback)(() => {
    removeItem(item);
  }, [item, removeItem]);
  const handleToggle = (0, React.useCallback)(() => {
    toggleItem(item);
  }, [item, toggleItem]);
  return /*#__PURE__*/React.createElement("li", {
    __source: {
      fileName: _jsxFileName,
      lineNumber: 23,
      columnNumber: 5
    }
  }, /*#__PURE__*/React.createElement("button", {
    onClick: handleDelete,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 24,
      columnNumber: 7
    }
  }, "Delete"), /*#__PURE__*/React.createElement("label", {
    __source: {
      fileName: _jsxFileName,
      lineNumber: 25,
      columnNumber: 7
    }
  }, /*#__PURE__*/React.createElement("input", {
    checked: item.isComplete,
    onChange: handleToggle,
    type: "checkbox",
    __source: {
      fileName: _jsxFileName,
      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__/inline/ToDoList.js.
Where is ListItem() defined?
ListItem() is defined in packages/react-devtools-shared/src/hooks/__tests__/__source__/__compiled__/inline/ToDoList.js at line 17.

Analyze Your Own Codebase

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

Try Supermodel Free