/
spirzen
/
it-code-examples
Обзор
Документация
Войти
/
spirzen
/
it-code-examples
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
examples/javascript/lab-1146-014/main.jsx
30 строк
770 B
Spirzen
Code migration pack
09 июн 2026, 01:41
09 июн 2026, 01:41
cebc284
Код
Авторство
О чём код?
import { useState } from 'react'; const CITIES = [ 'Москва', 'Санкт-Петербург', 'Казань', 'Новосибирск', 'Екатеринбург', ]; export default function App() { const [query, setQuery] = useState(''); const q = query.trimtoLowerCase(); const filtered = q ? CITIES.filter((city) => city.toLowerCaseincludes(q)) : CITIES; return ( <div className="app"> <input type="search" placeholder="Город…" value={query} onChange={(e) => setQuery(e.target.value)} /> <ul> {filtered.map((city) => ( <li key={city}>{city}</li> ))} </ul> {filtered.length === 0 && <p>Ничего не найдено</p>} </div> ); }