/
valslava
/
react-practice_project
Обзор
Документация
Войти
/
valslava
/
react-practice_project
Код
Запросы
0
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
hooks
src/component/Search.js
37 строк
1 KB
valslava2
show github uname and pfp on Home page
28 мар 2024, 00:29
28 мар 2024, 00:29
50b46c3
Код
Авторство
О чём код?
import React, { useContext, useState } from "react" import { AlertContext } from "../context/alert/alertContext" import { GithubContext } from "../context/github/githubContext" export const Search = () => { const [value, setValue] = useState('') const alert = useContext(AlertContext) const github = useContext(GithubContext) const onSubmit = (e) => { if (e.keyCode === 13) { if (value.trim()){ alert.hide() github.search(value.trim()) } else { github.clearUsers() alert.show('Введите данные пользователя') } } } return ( <div className="form-group"> <input type="text" className="form-control" placeholder="Введите ник пользователя..." onKeyDown={onSubmit} value={value} onChange={event => setValue(event.target.value)} > </input> </div> ) }