Видит Бог я сам пытался... const LoadList = () =>

Question

Видит Бог я сам пытался... const LoadList = () =>

{
const loadInfo = async (e) => {
e.preventDefault()
const { data } = await supabase.from("bets").upsert({
id: 1,
})

data.map((item) => {
return (
<div>
<p>{item.firstTeam}</p>
<p>{item.secondTeam}</p>
<p>{item.sum}</p>
<p>{item.conditions}</p>
</div>
)
})
}
return (
<div>
<button onClick={loadInfo}>загрузить данные</button>
<div>
КАК ПОЛУЧИТЬ ДАННЫЕ МАТЬ ИХ ИТИ ?
</div>
</div>
)
}
Как вывести эти данные когда я по data.map прошелся а ?

#frontend #javascript #programming #react.js #russian

0

06.02.2022

9 ответов

23 просмотра

Руслан Владимирович Автор вопроса

Alexey Shevchenko
Можно ещё жеструктуризацию сделать и будет меньше ...

а да точно, только мне бы данные вывести на страницу ато в консоле всё вижу

0

06.02.2022

Руслан Владимирович Автор вопроса

я так пытался задал но потом вывожу в Div и там пишет задан но не использован

0

06.02.2022

Konstantin Vinogradov

Руслан Владимирович
я так пытался задал но потом вывожу в Div и там пи...

Если, ты хочешь по клику что бы они рендерились из воображаемого пространства подгрузки, то тебе нужен локальный стейт в который ты их сохранишь. Тогда локальный стейт вызовет рендеринг всей компоненты и обновленный стейт будет отображен на странице.

0

06.02.2022

Руслан Владимирович Автор вопроса

Konstantin Vinogradov
Если, ты хочешь по клику что бы они рендерились из...

благодарю

0

06.02.2022

Alexey Shevchenko

Konstantin Vinogradov
Если, ты хочешь по клику что бы они рендерились из...

Там никак иначе) данные асинхронно приходят

0

06.02.2022

Alexey Shevchenko

Konstantin Vinogradov
Если, ты хочешь по клику что бы они рендерились из...

А кстати, норм вообще так держать с компонента запросы? Там же это нужно в сайд эффекты убирать (юзэффект)

0

06.02.2022

Konstantin Vinogradov

Alexey Shevchenko
А кстати, норм вообще так держать с компонента зап...

Есть много разных способов. Я локальный стейт использую обычно на начальном этапе разработки или если у него простой функционал. Всё остальное решаю в редаксе.

0

06.02.2022

Alexey Shevchenko

Konstantin Vinogradov
Есть много разных способов. Я локальный стейт испо...

Я пытался в хуки потом выносить, но мне логика с автоотправкой запросов по изменению зависимостей в юзэффекте чёт иногда сильно мозги выносит

0

06.02.2022

Alexey Shevchenko · Accepted Answer

Alexey Shevchenko

Можно ещё жеструктуризацию сделать и будет меньше item.

0

06.02.2022

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

Видит Бог я сам пытался... const LoadList = () =>

9 ответов

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