Size: a a a

React — русскоговорящее сообщество

2020 December 24

S

Sasha in React — русскоговорящее сообщество
Всем привет. Возник вопрос. Я делаю асинхронный запрос чтобы получить массив данных. Потом мне из этого массива, надо получить id  и сделать еще один асинхронный запрос уже с полученным id. Понимаю, что тут можно легко наговнокодить, каким лучшим образом это реализовать? Я сделал как две функции, норм?

 const fetchData = useCallback(() => {
   api
     .query('get', `request`)
     .then((res) => {
       return res.json();
     })
     .then((data) => {
       setList(data);
     })
     .catch((err) => {
       setError(err);
     });
 }, []);

 useEffect(() => {
   fetchData();
 }, [fetchData]);

 const previewData = useCallback((id) => {
   api
     .query('get', `request2/${id}`)
     .then((res) => {
       return res.json();
     })
     .then((data) => {
       return data;
       // setPreview(data);
     })
     .catch((err) => {
       setError(err);
     });
 }, []);
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Sasha
Всем привет. Возник вопрос. Я делаю асинхронный запрос чтобы получить массив данных. Потом мне из этого массива, надо получить id  и сделать еще один асинхронный запрос уже с полученным id. Понимаю, что тут можно легко наговнокодить, каким лучшим образом это реализовать? Я сделал как две функции, норм?

 const fetchData = useCallback(() => {
   api
     .query('get', `request`)
     .then((res) => {
       return res.json();
     })
     .then((data) => {
       setList(data);
     })
     .catch((err) => {
       setError(err);
     });
 }, []);

 useEffect(() => {
   fetchData();
 }, [fetchData]);

 const previewData = useCallback((id) => {
   api
     .query('get', `request2/${id}`)
     .then((res) => {
       return res.json();
     })
     .then((data) => {
       return data;
       // setPreview(data);
     })
     .catch((err) => {
       setError(err);
     });
 }, []);
промежуточный id нужен только для второго запроса?
источник

S

Sasha in React — русскоговорящее сообщество
Dmitriy Shuleshov
промежуточный id нужен только для второго запроса?
да, но запросы проходят по разным урлам
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Sasha
да, но запросы проходят по разным урлам
const fetchData = async () => {
const rawData = await api .query('get', `request`)
const data = await rawData.json()
const finalData =  api.query('get', `request2/${data.id}`)
setPreview(finalData)
}

useEffect(() => {
fetchData();
}, []);
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
источник

S

Sasha in React — русскоговорящее сообщество
Dmitriy Shuleshov
const fetchData = async () => {
const rawData = await api .query('get', `request`)
const data = await rawData.json()
const finalData =  api.query('get', `request2/${data.id}`)
setPreview(finalData)
}

useEffect(() => {
fetchData();
}, []);
спасибо!
источник

in React — русскоговорящее сообщество
Ребят я правильно понимаю,
в React функции которые запрашивают данные или работают с DOM API можно использовать только в useEffect и в componentDidMount?
источник

in React — русскоговорящее сообщество
Можно ли использовать в обработчике например
onClick?
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Можно ли использовать в обработчике например
onClick?
покажите пример как вы это представляете
источник

L

LtB in React — русскоговорящее сообщество
Привет. Подскажите пожалуйста. Столкнулся с проблемой...
Пытаюсь получить и вывести данные по курсам НБУ за последние дни, через их API.
https://bank.gov.ua/ua/open-data/api-dev.
Написал код, как умею... и в итоге без проблем получаю первые 85 объектов, а если хочу больше получаю ответ - "Wrong parameters format or system error."
Это я выбрал неправильный подход к решению или это какие ограничения у API.
Если я виноват, подскажите что не так и как исправить.
Если API, то как можно обойти ошибку и все же получить необходимое количество объектов ?
в TXT код который я написал и скрин ошибки.
https://drive.google.com/drive/folders/1GMt3jogc-lZDltK2Htjo8Mf7ytw8xMhD?usp=sharing
источник

А

Андрей in React — русскоговорящее сообщество
Здравствуйте! Есть кто-то, кто шарит в express, react? Возникла фатальная проблема во время деплоя mern приложения. Как мне правильно отдать build react приложения? Build должен отдаваться по path - "/admin". Сам index.html выдает, но есть ещё и подключаемые файлы(js, css).
источник

ЖС

Жумадил Сейиткулов... in React — русскоговорящее сообщество
Всем привет!
источник

OR

Oleg Rizhkov in React — русскоговорящее сообщество
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
душнилы на месте🌚😎
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
Андрей
Здравствуйте! Есть кто-то, кто шарит в express, react? Возникла фатальная проблема во время деплоя mern приложения. Как мне правильно отдать build react приложения? Build должен отдаваться по path - "/admin". Сам index.html выдает, но есть ещё и подключаемые файлы(js, css).
источник

D

Daniil in React — русскоговорящее сообщество
Андрей
Здравствуйте! Есть кто-то, кто шарит в express, react? Возникла фатальная проблема во время деплоя mern приложения. Как мне правильно отдать build react приложения? Build должен отдаваться по path - "/admin". Сам index.html выдает, но есть ещё и подключаемые файлы(js, css).
сделать реакт рендер внутри express и отдавать сборку на нужный path
источник

ЖС

Жумадил Сейиткулов... in React — русскоговорящее сообщество
Как переместить эту кнопку?
Вообще не сдвигается с места
источник

OR

Oleg Rizhkov in React — русскоговорящее сообщество
бля
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Жумадил Сейиткулов
Как переместить эту кнопку?
Вообще не сдвигается с места
ничего не видно
источник

DN

Danila Nikonets in React — русскоговорящее сообщество
Жумадил Сейиткулов
Как переместить эту кнопку?
Вообще не сдвигается с места
position: absolute;
bottom: 0;
right: 0;

например так
источник