Это никак не сделать. Аналога колбека для this.setState в хуках нет и не будет из-за ограничений js как языка. const [a, setA] = useState('') У тебя невозможно получить в a новое значение без ререндера.

Ну это же не ограничение жс

ребятки, а что за наркоман сидит админом в реакт натив камунити?

там их много, не мог бы уточнить?

там их много, не мог бы уточнить?

да ща высру в канал этот свой

Доброй ночи Вангую это платиновый вопрос, но все же Подскажите, у сеттера из useState же теперь нет коллбэка, для того, чтобы гарантированно вызвать что-то только после изменения стейта? Весь оверфлоу завален "гениальным" решением с setSome('123')// useEffect(() => helpfulFunction, [some]) но это решение мне не подходит, так как коллбэк я хочу сделать в конкретном методе и some меняется не только в нем. что-то вроде: useEffect(() => setSome('onmount'), [])//тут some тоже меняется const anotherChange = () => setSome('another')//и тут const handleChange = () => setSome('123', () => helpfulFunction)//а тут мне нужен коллбэк

useEffect(() => {}, [someStateValue])

ща

точнее не ща, буду думать

тут пока буквы подбираю

без матов?

Доброго времени, у меня вышла задача сортировки по фильтру в поиске отправляю get: <Link to={'/search/поиск?SortType=order' + get}><Link to={'/search/поиск?pvid=89' + get}><Link to={'/search/поиск?brand=12' + get}> принимаю и обработаю и передаю обратно склеивая параметры: if([sorttype] != undefined){ get += '&SortType=[sorttype]'}if([pvid] != undefined){ get += '&pvid=[pvid]'}if([brand] != undefined){ get += '&brand=[brand]'} теперь проблема в том что в get запросах повторяется параметры, как мне склеивать запросы правильно без повторения?

сложна

Хочу добиться такого фильтра как они устроенный?

Доброго времени, у меня вышла задача сортировки по фильтру в поиске отправляю get: <Link to={'/search/поиск?SortType=order' + get}><Link to={'/search/поиск?pvid=89' + get}><Link to={'/search/поиск?brand=12' + get}> принимаю и обработаю и передаю обратно склеивая параметры: if([sorttype] != undefined){ get += '&SortType=[sorttype]'}if([pvid] != undefined){ get += '&pvid=[pvid]'}if([brand] != undefined){ get += '&brand=[brand]'} теперь проблема в том что в get запросах повторяется параметры, как мне склеивать запросы правильно без повторения?

Хочу добиться такого фильтра как они устроенный?

Вопрос то в чем ?

Вопрос то в чем ?

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

Не понимаю проблемы, на каком этапе у вас заминка вышла?

Не понимаю проблемы, на каком этапе у вас заминка вышла?

Я так понимаю, что ты не понимаешь, что он не понимает как это работает

нет

как это работает он понимает, он не понимает как это сделать

Я так понимаю, что ты не понимаешь, что он не понимает как это работает

Похоже на то, не понимаю что там понимать. Есть состояние фильтров, оно сериализуется в query string и собственно все

Похоже на то, не понимаю что там понимать. Есть состояние фильтров, оно сериализуется в query string и собственно все

Щас я код скину похоже у меня не получится объяснить

Похоже на то, не понимаю что там понимать. Есть состояние фильтров, оно сериализуется в query string и собственно все

https://stackblitz.com/edit/react-aliexpress-xjbsb2?embed=1&file=src/search/search.js

ужас

https://stackblitz.com/edit/react-aliexpress-xjbsb2?embed=1&file=src/search/search.js

Могу предложить хотя бы не клеить всё руками, а использовать URLSearchParams

Подскажите пожалуйста, в чем приемущество редакса, когда есть хуки и useReducer?

ужас

Согласен код говно

Подскажите пожалуйста, в чем приемущество редакса, когда есть хуки и useReducer?

В том что эт разные вещи и функциональность мало пересекается

Подскажите пожалуйста, в чем приемущество редакса, когда есть хуки и useReducer?

почитай про возможности редакса и useReducer

UseReducer !== redux

Доброй ночи Вангую это платиновый вопрос, но все же Подскажите, у сеттера из useState же теперь нет коллбэка, для того, чтобы гарантированно вызвать что-то только после изменения стейта? Весь оверфлоу завален "гениальным" решением с setSome('123')// useEffect(() => helpfulFunction, [some]) но это решение мне не подходит, так как коллбэк я хочу сделать в конкретном методе и some меняется не только в нем. что-то вроде: useEffect(() => setSome('onmount'), [])//тут some тоже меняется const anotherChange = () => setSome('another')//и тут const handleChange = () => setSome('123', () => helpfulFunction)//а тут мне нужен коллбэк

запиши новое значение some в локальную переменную в том месте, где оно меняется, передай ее в setSome и используй сразу там где нужно, не?

Что тот, что другой - может хранить в себе состояние, на которое можно подписаться и отслеживать его. Разве нет?

Что тот, что другой - может хранить в себе состояние, на которое можно подписаться и отслеживать его. Разве нет?

узко слишком)

Если не трудно - объясни тогда более развернутую область его применения

Если не трудно - объясни тогда более развернутую область его применения

тут сразу понятно какие у него возможности

Что тот, что другой - может хранить в себе состояние, на которое можно подписаться и отслеживать его. Разве нет?

Подписаться это не про useReducer, нет там подписок

Контекст+редюсер в хуках, по сути дают мне весь тот функционал, из-за которого я использовал редакс. В чем его приемущество - не понимаю тогда

Подписаться это не про useReducer, нет там подписок

Используем контекст - пожалуйста, уже подписались

Контекст+редюсер в хуках, по сути дают мне весь тот функционал, из-за которого я использовал редакс. В чем его приемущество - не понимаю тогда

https://gist.github.com/XaveScor/99431c573b53b8a0c41fb3b5fec522bc

https://gist.github.com/XaveScor/99431c573b53b8a0c41fb3b5fec522bc

Спасибо, вот это по делу

Контекст+редюсер в хуках, по сути дают мне весь тот функционал, из-за которого я использовал редакс. В чем его приемущество - не понимаю тогда

И не поймёте, хотели бы, глянули бы что такое редакс и как оно устроено

Что я делаю не так, в расширении Redux для хрома у меня стейт пустой

что особого делает forwardRef? я ведь могу написать useRef, зачем мне эта функция?

И не поймёте, хотели бы, глянули бы что такое редакс и как оно устроено

Как токсично, кошмар. Что тот стейт менеджер, что другой. Мой вопрос был про приемущество редакса, когда данный функционал можно реализовать теперь нативным методом, не прибегая к сторонним библиотекам, и какие плюсы это дает. Человек выше - ответил по делу, вы же по существу ничего не написали, зато, видимо, самоутверждаетесь за счет таких вопросов.

что особого делает forwardRef? я ведь могу написать useRef, зачем мне эта функция?

Эм... forwardRef для других вещей. Тут проблема в омонимии.

Эм... forwardRef для других вещей. Тут проблема в омонимии.

в... чём?

Как токсично, кошмар. Что тот стейт менеджер, что другой. Мой вопрос был про приемущество редакса, когда данный функционал можно реализовать теперь нативным методом, не прибегая к сторонним библиотекам, и какие плюсы это дает. Человек выше - ответил по делу, вы же по существу ничего не написали, зато, видимо, самоутверждаетесь за счет таких вопросов.

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

Эм... forwardRef для других вещей. Тут проблема в омонимии.

омномномии?

Народ привет! а можно ли использовать 2 useEffect? первый у меня фетчит данные, во втором аргументе [], а второй useEffect зависит от данных полученных после первого и во втром аргументе [dataFetchedWithFirstHook]

Народ привет! а можно ли использовать 2 useEffect? первый у меня фетчит данные, во втором аргументе [], а второй useEffect зависит от данных полученных после первого и во втром аргументе [dataFetchedWithFirstHook]

разрешаю.

в... чём?

Суть в том, что проп реф не прилетает в качестве пропсов. forwardRef позволяет установить ref в дочернем компоненте.

Здравствуйте. Не получается вывести текст (label) на ломаную линию (LineString) в Openlayers. Вот здесь основная реализация текста. const parcelEdgesLayer = new VectorLayer({ source: parcelEdgeSource, style: () => { return new Style({ stroke: new Stroke({ color: "rgba(0, 0, 0, 1)", width: 3 }), text: new Text({ placement: "line", font: "50px Calibri,sans-serif", stroke: new Stroke({ color: "rgba(0,0,0, 1)", width: 3 }), scale: 3, text: "lorem doler sit amet" }) }); } }); ссылка код https://codesandbox.io/s/react-openlayers-case1-rbzmv Подскажите, пожалуйста, с реализацией

разрешаю.

😂Спасибо) ну, меня больше интересует: кто-то так делает или хернёй занимаюсь?

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

Измините, я не могу отслеживать все сообщения от 8167 участников чата и знать, что уже обсуждали. Есть что сказать по делу - отвечайте, а не возмущайтесь что в миллионный раз спрашивают одно и тоже. По-моему для этого и нужен этот чат

Суть в том, что проп реф не прилетает в качестве пропсов. forwardRef позволяет установить ref в дочернем компоненте.

Следует уточнить, что это для функциональных компонентов актуально

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

Во первых - не все дерево. Во вторых - я поэтому и написал статью.

что особого делает forwardRef? я ведь могу написать useRef, зачем мне эта функция?

ну в доке же написано

😂Спасибо) ну, меня больше интересует: кто-то так делает или хернёй занимаюсь?

почему хернёй? это не костыль, всё ок.

Во первых - не все дерево. Во вторых - я поэтому и написал статью.

Ну все то что ниже Consumer’а

Суть в том, что проп реф не прилетает в качестве пропсов. forwardRef позволяет установить ref в дочернем компоненте.

хм... надо на выходных покопаться.

https://reactjs.org/docs/forwarding-refs.html#forwarding-refs-to-dom-components

Ну все то что ниже Consumer’а

Тьфу, provider’a

Тьфу, provider’a

Нет. С чего вдруг? У нас есть конкретные места в дереве где используется контекст. И реакт об этих местах знает. Как раз ниже косьюмера.

Нет. С чего вдруг? У нас есть конкретные места в дереве где используется контекст. И реакт об этих местах знает. Как раз ниже косьюмера.

А что за статью упоминали? Можно линк?

А что за статью упоминали? Можно линк?

https://gist.github.com/XaveScor/99431c573b53b8a0c41fb3b5fec522bc

> Если вы ищете решение для проекта, на котором планируете зарабатывать деньги, то ни в коем случае не берите контекст в расчёт.

если вы делаете маленьки проект - бериту что угодно

> Если вы ищете решение для проекта, на котором планируете зарабатывать деньги, то ни в коем случае не берите контекст в расчёт.

из-за того, что стейт манагер легче понять?

если делаете большой - ой ну все

если делаете большой - ой ну все

Где ты видишь слово "большой"?

ну я тебя подъебал якобы

кольнул короче, шпагой тыкнул

тут как минимум в чем нудна правка, смтори

ну я тебя подъебал якобы

Арря, бан за мат

ну я тебя подъебал якобы

Если честно, то в изначальной формулировке слово "большой" было)

было

> Если вы ищете решение для проекта, на котором планируете зарабатывать деньги, то ни в коем случае не берите "React Context" в расчёт.

> Если вы ищете решение для проекта, на котором планируете зарабатывать деньги, то ни в коем случае не берите контекст в расчёт.

стало

где удобнее?