вот так запрос в компоненте можно делать? а если я захочу аксиос на фетч поменять?

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

чтобы не срать в каждом компоненте эти фетчи/аксиос запросы

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

ок

да конечно может, но там дальше эффект все же возвращает функцию

прочитал дальше Warning: useEffect function must return a cleanup function or nothing. Promises and useEffect(async () => …) are not supported, but you can call an async function inside an effect..

@bshelomanov вот тут https://www.robinwieruch.de/react-hooks-fetch-data/ неплохая статья с пошаговой инструкцией как правильно организовать загрузку данных через хуки вынести эффект в кастомный хук, подключить useReducer для хранения локальных данных и реюзать все это в разных компонентах

Хорошая статейка, сделаю закладочку

почему нет?

потому что будет варнинг

прочитал дальше Warning: useEffect function must return a cleanup function or nothing. Promises and useEffect(async () => …) are not supported, but you can call an async function inside an effect..

проблема то. Напиши как в доке)

в статье можно лишь подсмотреть интересные мысли, но не копировать 1 в 1

прочитал дальше Warning: useEffect function must return a cleanup function or nothing. Promises and useEffect(async () => …) are not supported, but you can call an async function inside an effect..

скажем так страшного ничего не случится, но даже в доке написано, что такие функции лучше либо внутри самого эффекта объявлять, либо вне компонента вообще, если она не использует локальных переменных компонента

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

А как вообще это лучше организовать, чтобы на проект в codesandbox подтянуть (зафетчить) мой файлик json?

А как вообще это лучше организовать, чтобы на проект в codesandbox подтянуть (зафетчить) мой файлик json?

import MyJson from 'file.json' не рабоатет?

А как вообще это лучше организовать, чтобы на проект в codesandbox подтянуть (зафетчить) мой файлик json?

Так же как и зафетчить файлик из любого другого места - с сервера фетчем или аксиосом. Но в кодсандбокс можно просто перетащить твой файл в левую панель и он туда загрузится, дальше просто import data from 'file.json'

Да мне бы нужно сэмулировать что то что что в файлике это ответ сервера. Ну вот как сказали замокать или мокапить.

Да мне бы нужно сэмулировать что то что что в файлике это ответ сервера. Ну вот как сказали замокать или мокапить.

Promise.resolve(myJson)

На локале это через json-server мона сделать

Да мне бы нужно сэмулировать что то что что в файлике это ответ сервера. Ну вот как сказали замокать или мокапить.

Ну сделай функцию fakeFetch, которая тебе промис вернёт который в жсон резолвится

это кейс для эффектов, если кому интересно)

Ну сделай функцию fakeFetch, которая тебе промис вернёт который в жсон резолвится

Ага надо попробовать. Я думал может есть онлайн сервисы где заливаешь свой json и и на автомате сервер поднимается, к которому можно подключиться потом

Ага надо попробовать. Я думал может есть онлайн сервисы где заливаешь свой json и и на автомате сервер поднимается, к которому можно подключиться потом

конечно есть

Ага надо попробовать. Я думал может есть онлайн сервисы где заливаешь свой json и и на автомате сервер поднимается, к которому можно подключиться потом

щас только сядь)

gist.github.com

https://my-json-server.typicode.com/

создаёшь гист, делаешь в нём json файл, после сохранения нажимаешь на нём raw

https://my-json-server.typicode.com/

И что, даже корс не ругнётся?

Хорошо спасибо займусь

И что, даже корс не ругнётся?

ну не стали бы они делать сервис который на cors ругается же

ну не стали бы они делать сервис который на cors ругается же

Ну он же не для этого же придуман же же

Или для этого?

Я думал, просто сниппеты шарить

И правда, работает :3 Спасибо

ну я всегда юзаю когда надо быстро факнуть апишечку там без гемора

ну кек, что не так со мной, у всех работает?

Всем привет, можно ли для Field из Redux-form пробросить ref? Нужно по нажатию на кнопку добавить фокус для инпута

ну кек, что не так со мной, у всех работает?

хз

хз

покажи как отправил?

покажи как отправил?

на скрине всё показано

на скрине всё показано

а не заметил первый раз

на скрине всё показано

может codesandbox блокирует?

может codesandbox блокирует?

https://codesandbox.io/embed/admiring-feistel-dwx71

никто ничего не блокирует :)

Здарова всем. Подскажите, когда телеграм обращается к сайту, для парсинга open graph мета, под каким user agent он это делает? Типа "Telegram, или telegrambot" и тому подобное.

https://codesandbox.io/embed/admiring-feistel-dwx71

а обязательно в ефекте запрос делать?

Здарова всем. Подскажите, когда телеграм обращается к сайту, для парсинга open graph мета, под каким user agent он это делает? Типа "Telegram, или telegrambot" и тому подобное.

казалось бы причем тут реакт...

https://codesandbox.io/embed/admiring-feistel-dwx71

вот так если сверху кинуть?

вот так если сверху кинуть?

да накидывай как хочешь, у тебя CORS откуда там появился не пойму я что-то

казалось бы причем тут реакт...

опен граф для реакта же

казалось бы причем тут реакт...

для подстановки meta og динамических, без SSR, через Prerender. Пишу проект на реакте, по этому именно тут спрашиваю, так как опыт у многих здесь нормальный.

да накидывай как хочешь, у тебя CORS откуда там появился не пойму я что-то

я хз откуда

опен граф для реакта же

ага как аксиос для редакса

ага как аксиос для редакса

+

да накидывай как хочешь, у тебя CORS откуда там появился не пойму я что-то

вот за чем тогда ефект следить должен? если передать массив data оно бесконечно вызывается

вот за чем тогда ефект следить должен? если передать массив data оно бесконечно вызывается

лол

лол

как тогда он должен понять, что мне именно за ним следить нужно?

как тогда он должен понять, что мне именно за ним следить нужно?

чувак, мой совет, исходя из последних суток с твоими вопросами: подтягивай жс, подтягивай реакт на ютубе, курсах, статьях, документации, ватева

чувак, мой совет, исходя из последних суток с твоими вопросами: подтягивай жс, подтягивай реакт на ютубе, курсах, статьях, документации, ватева

Тут соглы

не потому что токсик, а потому что человеку нужно объяснять, что у него в data каждый раз разные инстансы массивов, и эффект триггерится каждый фетч

не потому что токсик, а потому что человеку нужно объяснять, что у него в data каждый раз разные инстансы массивов, и эффект триггерится каждый фетч

Наверное недавно в реакт хуках и первый раз столкнулся с таким

не потому что токсик, а потому что человеку нужно объяснять, что у него в data каждый раз разные инстансы массивов, и эффект триггерится каждый фетч

ну в didUpdate ведь могли следить за пропсами как это реализовать хуком??

Наверное недавно в реакт хуках и первый раз столкнулся с таким

ну так я и говорю, пусть доку почитает там, пару раз а не будет просить пересказ доки реакта и жс у 7к человек

в доке написано, передай вторым параметром за чем следить, передал

в доке написано, передай вторым параметром за чем следить, передал

да, только вот при каждом фетче и setData у тебя ССЫЛКА на массив каждый раз РАЗНАЯ эффект чекает oldData === data, естественно они разные, т.к. ссылки разные, эффект перезапускается, и фетчит по новой и так до бесконечности

значит нету возможности сравнить прошлые пропсы и новые??

в доке написано, передай вторым параметром за чем следить, передал

за data то тебе зачем следить?

за data то тебе зачем следить?

я думал он посмотрит, если не менялся массив, не отправит запрос

отслеживай там переменные, которые должны влиять на обновление данных

значит нету возможности сравнить прошлые пропсы и новые??

если ты сравниваешь массивы или объекты, нужно сравнивать глубоко но вообще тебе уже сказали, как решать твою проблему ты копаешь явно не туда

я думал он посмотрит, если не менялся массив, не отправит запрос

как он будет проверять, если data - то, что приходит с запроса?) Ну и как минимум [] !== []

я думал он посмотрит, если не менялся массив, не отправит запрос

у тебя может быть несколько вариантов когда тебе нужно загрузить данные 1. это первоначальное создание компонента в DOM 2. например по нажатию кнопки в твоем интерфейсе типа Загрузить/Обновить 3. периодически по таймеру 4. при изменении внешних пропсов например подключенные из редакс стора или пронесенные из родительского компонента 5. при изменении локальной переменной или локального стейта компонента

но никогда не надо тебе отслеживать массив, в который полученные данные складываются... никогда :)

Всем привет, при отладке реакт-приложения в консоли вижу "There were more warnings in other files. You can find a complete log in the terminal". Вопрос: как это убрать, чтоб выводились все варны?

Подскажите, чот туплю, как мне получить такой вывод в консоль ? { $$typeof: Symbol(react.element), key: null, props: {}, ref: null, type: ClickCounter }

Всем доброго дня! В процессе дебага участка кода обнаружил, что willUnmount сначала вызывается у компонента - родителя, потом у ребёнка. Вопрос - это я упоролся, девтулзы врут, или для реакта это не аномальное поведение?))

Подскажите, чот туплю, как мне получить такой вывод в консоль ? { $$typeof: Symbol(react.element), key: null, props: {}, ref: null, type: ClickCounter }

console.log(<jsx/>)?

console.log(<jsx/>)?

а если jsx() тоже самое?

Всем доброго дня! В процессе дебага участка кода обнаружил, что willUnmount сначала вызывается у компонента - родителя, потом у ребёнка. Вопрос - это я упоролся, девтулзы врут, или для реакта это не аномальное поведение?))

а откуда потомки должны узнать что им пора в гарбадж коллектор?

а если jsx() тоже самое?

Не пони

а если jsx() тоже самое?

А. Ну почему нет, если функция jsx возвращает