/
breit
/
test
Обзор
Документация
Войти
/
breit
/
test
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/App.tsx
40 строк
1 KB
breit
init commit
09 июл 2026, 20:00
09 июл 2026, 20:00
fff55b4
Код
Авторство
О чём код?
import { useState } from 'react' import { Chip } from './components/Chip/Chip' import { ChipList } from './components/Chips/Chips' import styles from './App.module.css' const items = [ { id: '1', label: 'Чипс 1' }, { id: '2', label: 'Чипс 2' }, { id: '3', label: 'Чипс 3' }, { id: '4', label: 'Чипс 4' }, { id: '5', label: 'Чипс 5' }, { id: '6', label: 'Чипс 6' }, { id: '7', label: 'Чипс 7' }, { id: '8', label: 'Чипс 8' }, { id: '9', label: 'Чипс 9' }, { id: '10', label: 'Чипс 10' }, ]; function App() { const [select, setSelect] = useState(false) const [selectId, setSelectId] = useState<string | null>(null) return ( <> <div className={styles.container}> <h2>Одиночный чипс</h2> <Chip selected={select} onClick={() => setSelect(!select)} >Чипс</Chip> </div> <div className={styles.container}> <h2>Чипсы</h2> <ChipList items={items} onChange={setSelectId} value={selectId}/> </div> </> ) } export default App