169 похожих чатов

Import { func } from 'prop-types' import React, { useEffect, useState

} from 'react'
import Cards from './Cards'
const baseUrl = 'https://api.github.com'
const path = '/search/repositories?q='
const styles = {
btn: {
// width: '10rem',
height: '3rem',
// borderRadius: '1rem',
// display: 'block'
borderRadius: '1rem',
display: 'block',
},
input: {
display: 'block',
},
}

export default function Searcher() {
const [error, setError] = useState(null)
const [isLoaded, setIsLoaded] = useState(false)
const [items, setItems] = useState([])
const [text, setText] = useState()

function GetSearchText(text) {
try {
fetch(baseUrl + path + text)
.then(res => res.json())
.then(
result => {
setIsLoaded(true)
setItems(result)
},
error => {
setIsLoaded(true)
setError(error)
}
)
} catch (error) {
console.log(error.message)
}
}

return (
<div className='row'>
<input
style={styles.input}
className='form-control col-lg-4'
placeholder='Поиск репозитории'
value={text}
onChange={event => setText(event.currentTarget.value)}
></input>
<button className='btn-lorge col-lg-8' style={styles.btn} onClick={() => GetSearchText(text)}>
Найти
</button>
</div>
)
}

9 ответов

20 просмотров

Ты делаешь больно этими error, loading и т.п., не вынесенными в хук :(

MALIK- Автор вопроса

это я его код немного подрефакторил

Тогда он делает больно 🙃

MALIK- Автор вопроса

ну он новичок, он состояние инпута хранил вне компонента как переменную, я ему его в хук вынес

Как вынести?

Ну а как что в хук выносится?)

запрос ничего не возвращает

Берёшь общее, выносишь. Берешь частное, делаешь аргументами. Склеиваешь и будумс, готово

Спасибо)

Похожие вопросы

Обсуждают сегодня

Господа, а что сейчас вообще с рынком труда на делфи происходит? Какова ситуация?
Rꙮman Yankꙮvsky
29
А вообще, что может смущать в самой Julia - бы сказал, что нет единого стандартного подхода по многим моментам, поэтому многое выглядит как "хаки" и произвол. Короче говоря, с...
Viktor G.
2
30500 за редактор? )
Владимир
47
а через ESC-код ?
Alexey Kulakov
29
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
14
Добрый день! Скажите пожалуйста, а какие программы вы бы рекомендовали написать для того, чтобы научиться управлять памятью? Можно написать динамический массив, можно связный ...
Филипп
7
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Ребят в СИ можно реализовать ООП?
Николай
33
https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_h_common.erl#L174 https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_olp.erl#L76 15 лет назад...
Maksim Lapshin
20
Карта сайта