А чем это тогда должно быть сделано?

|
risenforces 2022-06-27 12:11:54
А, чет у меня вообще как будто не было транзишна между чатами)
vkurchatkin 2022-06-27 12:11:54
kekpekdeveloper 2022-06-27 12:10:51
@supermariobrosru спрашивает

Помогите человеку

В react-query есть селекторы?

risenforces 2022-06-27 12:12:16
А вопрос-то оказывается с подвохом
supermariobrosru 2022-06-27 12:12:48
emptyfate 2022-06-27 12:11:54
какие селекторы?

В опциях свойство select, что бы верно выводился тип

supermariobrosru 2022-06-27 12:13:29
@risenforces петушок то раскукорекался
va1174 2022-06-27 12:14:22
kjkszpch 2022-06-27 11:27:28
state вроде внутри конструктора объявлялся нет ?

Необязательн. Можно и так, без конструктора (бабель сам его допишет при транспиляции). Для бабеля плагин уже лет 5 существует (plugin-proposal-class-properties), с 21 года включён по дефолту. В CRA вроде бы еще раньше добавили, хз

woto7 2022-06-27 12:15:48
Ребят, подскажите техники когда рендеришь вложенный компонент например toast/snaсk и родительский например размаунтили, нужно чтобы toast продолжил жить своей жизнью. Как это делается?
risenforces 2022-06-27 12:16:44
supermariobrosru 2022-06-27 12:13:29
@risenforces петушок то раскукорекался

Поставил на 13:00 по мск начало рид онли, надеюсь успеешь разобраться с селекторами в реакт квери

risenforces 2022-06-27 12:19:00
woto7 2022-06-27 12:15:48
Ребят, подскажите техники когда рендеришь вложенный компонент например toast/snaсk и родительский например размаунтили, нужно чтобы toast продолжил жить своей жизнью. Как это делается?

Такое делать компонентами это грех

vkurchatkin 2022-06-27 12:20:33
woto7 2022-06-27 12:15:48
Ребят, подскажите техники когда рендеришь вложенный компонент например toast/snaсk и родительский например размаунтили, нужно чтобы toast продолжил жить своей жизнью. Как это делается?

Только через порталы

risenforces 2022-06-27 12:20:54
vkurchatkin 2022-06-27 12:20:33
Только через порталы

Не

vkurchatkin 2022-06-27 12:21:18
Что не? Не только?
risenforces 2022-06-27 12:21:48
vkurchatkin 2022-06-27 12:21:18
Что не? Не только?

С порталами никакой разницы

supermariobrosru 2022-06-27 12:22:11
risenforces 2022-06-27 12:16:44
Поставил на 13:00 по мск начало рид онли, надеюсь успеешь разобраться с селекторами в реакт квери

Кто тебе клоуну, админские права дал)

woto7 2022-06-27 12:22:11
vkurchatkin 2022-06-27 12:20:33
Только через порталы

я могу ошибаться, но порталы это для другого. Они сохраняют иерархию компонент. А вот отрендерить можно в любом месте

woto7 2022-06-27 12:22:26
risenforces 2022-06-27 12:19:00
Такое делать компонентами это грех

а чем это тогда должно быть сделано?

risenforces 2022-06-27 12:22:39
supermariobrosru 2022-06-27 12:22:11
Кто тебе клоуну, админские права дал)

!ро жаль, не пользуешься возможностями

risenforces 2022-06-27 12:23:27
woto7 2022-06-27 12:22:26
а чем это тогда должно быть сделано?

showToast(‘Hello world’)

vkurchatkin 2022-06-27 12:23:40
risenforces 2022-06-27 12:21:48
С порталами никакой разницы

Да, чет я немного не то сказал, но смысл примерно похожий.

Нужно использовать компонент, который сам ничего не рендерит, а в эффекте сигнализирует, что нужно показать что-то компоненту на верхнем уровне

woto7 2022-06-27 12:24:18
risenforces 2022-06-27 12:23:27
showToast(‘Hello world’)

ммм, идею понял. А если хочется showToast(<MyComponent />) никак?

risenforces 2022-06-27 12:24:28
vkurchatkin 2022-06-27 12:23:40
Да, чет я немного не то сказал, но смысл примерно похожий.

Нужно использовать компонент, который сам ничего не рендерит, а в эффекте сигнализирует, что нужно показать что-то компоненту на верхнем уровне

Какие-то антипаттерны которые не завязаны на родителя)

vkurchatkin 2022-06-27 12:25:02
Например:

<ToastProvider> // <- Не демонтируется, рендерит сами тосты в доме
{children}
</ToastProvider>

Где то глубоко в дереве:

<Toast>Шалом</Toast> // через контекст взаимодействует с ToastProvider,

risenforces 2022-06-27 12:25:05
woto7 2022-06-27 12:24:18
ммм, идею понял. А если хочется showToast(<MyComponent />) никак?

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

risenforces 2022-06-27 12:26:00
vkurchatkin 2022-06-27 12:25:02
Например:

<ToastProvider> // <- Не демонтируется, рендерит сами тосты в доме
{children}
</ToastProvider>

Где то глубоко в дереве:

<Toast>Шалом</Toast> // через контекст взаимодействует с ToastProvider,

Больно смотреть

vkurchatkin 2022-06-27 12:26:08
risenforces 2022-06-27 12:26:00
Больно смотреть

Не смотри)

woto7 2022-06-27 12:26:16
ммм, ладно, попробую, пасиб
vkurchatkin 2022-06-27 12:26:55
Это лучше в чем то, чем showTest, так как позволят сохранить реактивность
vkurchatkin 2022-06-27 12:27:31
Но цена высока, решение некрасивое. Лучше делать статиические тосты без реактивности
risenforces 2022-06-27 12:28:23
vkurchatkin 2022-06-27 12:26:55
Это лучше в чем то, чем showTest, так как позволят сохранить реактивность

Какая еще реактивность

vkurchatkin 2022-06-27 12:29:06
Ну типа:

const [name, setName] = useState(»);

<Toast>Hello, {name}</Toast>

risenforces 2022-06-27 12:30:54
Мем в том что такие компоненты абсолютно бесполезны, уведомления которые надо держать во время существования родителя не нужны никогда, а автору тем более надо держать после анмаунта родителя, как тогда это вообще связано с родителем и почему должно там быть?
risenforces 2022-06-27 12:31:22
Компонент обманка который ничего не рендерит в слое где вызван
vkurchatkin 2022-06-27 12:32:09
risenforces 2022-06-27 12:31:22
Компонент обманка который ничего не рендерит в слое где вызван

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

woto7 2022-06-27 12:32:11
risenforces 2022-06-27 12:30:54
Мем в том что такие компоненты абсолютно бесполезны, уведомления которые надо держать во время существования родителя не нужны никогда, а автору тем более надо держать после анмаунта родителя, как тогда это вообще связано с родителем и почему должно там быть?

я просто боюсь, что у меня с вкладки породят и уйдут на другую вкладку. Заранее задумался прост. Может сейчас плюну и сделаю через useState … setSnacks(…)

risenforces 2022-06-27 12:32:49
vkurchatkin 2022-06-27 12:32:09
Ну этот как раз таки единственный способ сделать так, чтобы отрендеренное не исчезло после анмаунта

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

vkurchatkin 2022-06-27 12:33:00
woto7 2022-06-27 12:32:11
я просто боюсь, что у меня с вкладки породят и уйдут на другую вкладку. Заранее задумался прост. Может сейчас плюну и сделаю через useState … setSnacks(…)

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

risenforces 2022-06-27 12:33:03
risenforces 2022-06-27 12:32:49
единственный способ нормальный это глобальные функции, которые идут из какого-нибудь стм где хранится стек уведомлений

на то они и глобальные что ничего пропадать не будет

risenforces 2022-06-27 12:33:34
woto7 2022-06-27 12:32:11
я просто боюсь, что у меня с вкладки породят и уйдут на другую вкладку. Заранее задумался прост. Может сейчас плюну и сделаю через useState … setSnacks(…)

вкладку браузера что ли?

vkurchatkin 2022-06-27 12:33:39
risenforces 2022-06-27 12:32:49
единственный способ нормальный это глобальные функции, которые идут из какого-нибудь стм где хранится стек уведомлений

Да, и рендериться тоже должно где то наверху

scrappyzzz 2022-06-27 12:33:57
risenforces 2022-06-27 12:33:34
вкладку браузера что ли?

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

woto7 2022-06-27 12:33:58
risenforces 2022-06-27 12:33:34
вкладку браузера что ли?

да не, табы свои, родные

risenforces 2022-06-27 12:34:05
woto7 2022-06-27 12:33:58
да не, табы свои, родные

Тогда ок)

zhanadil1509 2022-06-27 12:38:59
ребята подскажите:
filter_attributes=thickness:18mm;size:2440mmx1220mm
как можно нормализовать это «;» в «;»

в вебшторме utf-8 стоит, а в запросе в хроме показывает, что выше видите

p.s: до react-query, все правильно отображается. а в запросе уже заменяет символ

kjkszpch 2022-06-27 12:40:26
va1174 2022-06-27 12:14:22
Необязательн. Можно и так, без конструктора (бабель сам его допишет при транспиляции). Для бабеля плагин уже лет 5 существует (plugin-proposal-class-properties), с 21 года включён по дефолту. В CRA вроде бы еще раньше добавили, хз

не знал про это, спасибо

risenforces 2022-06-27 12:40:29
zhanadil1509 2022-06-27 12:38:59
ребята подскажите:
filter_attributes=thickness:18mm;size:2440mmx1220mm
как можно нормализовать это «;» в «;»

в вебшторме utf-8 стоит, а в запросе в хроме показывает, что выше видите

p.s: до react-query, все правильно отображается. а в запросе уже заменяет символ

Это обычный url encode, многие символы так преобразуются

NorioTan 2022-06-27 12:40:46
zhanadil1509 2022-06-27 12:38:59
ребята подскажите:
filter_attributes=thickness:18mm;size:2440mmx1220mm
как можно нормализовать это «;» в «;»

в вебшторме utf-8 стоит, а в запросе в хроме показывает, что выше видите

p.s: до react-query, все правильно отображается. а в запросе уже заменяет символ

decodeURI скорее всего

risenforces 2022-06-27 12:40:49
risenforces 2022-06-27 12:40:29
Это обычный url encode, многие символы так преобразуются

Автоматом это делает браузер

zhanadil1509 2022-06-27 12:42:44
risenforces 2022-06-27 12:40:29
Это обычный url encode, многие символы так преобразуются

просто до этого нормально как «;» отправляло, теперь так начал делать, из за этого теперь бэк не отвечает

risenforces 2022-06-27 12:45:03
zhanadil1509 2022-06-27 12:42:44
просто до этого нормально как «;» отправляло, теперь так начал делать, из за этого теперь бэк не отвечает

Чего это вдруг он не отвечает?

vetrokm 2022-06-27 12:45:04
woto7 2022-06-27 12:15:48
Ребят, подскажите техники когда рендеришь вложенный компонент например toast/snaсk и родительский например размаунтили, нужно чтобы toast продолжил жить своей жизнью. Как это делается?

можно просто еще один рут создать

|