todo

Форк
0
19 строк · 706.0 Байт
1
import React from 'react';
2
import './ToDoFilter.css';
3

4
interface ToDoFilterProps {
5
    filter: Filter;
6
    setFilter: React.Dispatch<React.SetStateAction<Filter>>;
7
}
8

9
const ToDoFilter: React.FC<ToDoFilterProps> = ({ filter, setFilter }) => {
10
    return (
11
        <div className="footer">
12
            <button onClick={() => setFilter('All')} className={filter === 'All' ? 'selected' : ''}>All</button>
13
            <button onClick={() => setFilter('Active')} className={filter === 'Active' ? 'selected' : ''}>Active</button>
14
            <button onClick={() => setFilter('Completed')} className={filter === 'Completed' ? 'selected' : ''}>Completed</button>
15
        </div>
16
    );
17
}
18

19
export default ToDoFilter;
20

Использование cookies

Мы используем файлы cookie в соответствии с Политикой конфиденциальности и Политикой использования cookies.

Нажимая кнопку «Принимаю», Вы даете АО «СберТех» согласие на обработку Ваших персональных данных в целях совершенствования нашего веб-сайта и Сервиса GitVerse, а также повышения удобства их использования.

Запретить использование cookies Вы можете самостоятельно в настройках Вашего браузера.