/
ashipov
/
react
Обзор
Документация
Войти
/
ashipov
/
react
Код
Запросы
0
Задачи 2.0
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
main
packages/react-devtools-shell/src/app/ToDoList/ListItem.js
49 строк
1 KB
Jan Kassens
Update Flow to 0.266 (#34271)
22 авг 2025, 22:46
Не верифицирован
22 авг 2025, 22:46
05addfc
Код
Авторство
О чём код?
/** * Copyright (c) Meta Platforms, Inc. and affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. * * @flow */ import * as React from 'react'; import {memo, useCallback} from 'react'; import styles from './ListItem.css'; import type {Item} from './List'; type Props = { item: Item, removeItem: (item: Item) => void, toggleItem: (item: Item) => void, }; function ListItem({item, removeItem, toggleItem}: Props) { const handleDelete = useCallback(() => { removeItem(item); }, [item, removeItem]); const handleToggle = useCallback(() => { toggleItem(item); }, [item, toggleItem]); return ( <li className={styles.ListItem}> <button className={styles.IconButton} onClick={handleDelete}> 🗑 </button> <label className={styles.Label}> <input className={styles.Input} checked={item.isComplete} onChange={handleToggle} type="checkbox" />{' '} {item.text} </label> </li> ); } export default (memo(ListItem): component(...props: Props));