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
  6e9cf36b_cf13_7e94_a060_675596c2beb6["ListItem()"]
  22ac0b93_07d1_ccc1_4b47_c8e2bdd17f0e["ToDoList.js"]
  6e9cf36b_cf13_7e94_a060_675596c2beb6 -->|defined in| 22ac0b93_07d1_ccc1_4b47_c8e2bdd17f0e
  style 6e9cf36b_cf13_7e94_a060_675596c2beb6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/hooks/__tests__/__source__/__compiled__/external/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__/external/ToDoList.js.
Where is ListItem() defined?
ListItem() is defined in packages/react-devtools-shared/src/hooks/__tests__/__source__/__compiled__/external/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