@react_js - страница 802 - Telegram web archive

Eugene

🤔🤔🤔

Berik

думал, что array functions свой контекст создают, потому this передал в this2

Berik

но не фурычит(

Berik

вот почему где 1 не работает, а где 2 работает

Nikolay

@berii07 Во первых вытащи нормально переменную const { record } = this.state; перед return

Daniil

Есть Yup и два .match на цифры ИЛИ определённые символа, как сделать им oneOf из правил? Т.е ввожу символы, он требует цифры; ввожу символы - он требует цифры, т.е нету взаимоисключения, как это можно обыграть? Мрне нужно отношения ИЛИ, не И

Berik

@berii07 Во первых вытащи нормально переменную const { record } = this.state; перед return

от этого ничего не меняется

Berik

он все еще не видит его внутри компонента

Nail

вот почему где 1 не работает, а где 2 работает

onData={this.onData}. не надо ни новый this создавать, ни стрелочных функций

MⅨ

Как изменить width в Material UI Drawer не используя useStyles

Berik

onData={this.onData}. не надо ни новый this создавать, ни стрелочных функций

пробовал так, onData не вызывается

Nail

пробовал так, onData не вызывается

а с неймингом точно ничего не перепутано? а если из примера в репе скопировать?

Max

Почему react.memo не работает если компонент возвращает <label />? если обернуть в <>wtf<label /></> то все ок пример export const Label = React.memo((props: Props) => { const { text, showEmpty, required, strong, className } = props if (!text && !showEmpty) return null return (<>wtf <label> {text || &nbsp;} {required ? * : ''} </label> </>) }) вот так devtools показывает что перерендера нет

Cenator 🐈

Почему react.memo не работает если компонент возвращает <label />? если обернуть в <>wtf<label /></> то все ок пример export const Label = React.memo((props: Props) => { const { text, showEmpty, required, strong, className } = props if (!text && !showEmpty) return null return (<>wtf <label> {text || &nbsp;} {required ? * : ''} </label> </>) }) вот так devtools показывает что перерендера нет

А другие теги как?

Max

да вот пока только на такое наткнулся

Max

щас попробую с каким-нибудь другим воспроизвести

Max

подозреваю что есть какая-то хитрая оптимизация

Max

и devtools про нее не в курсе

Владимир

Подскажите пакет для mockup'а API

Max

хм, в сендбоксе не воспроизводится

Kurzdor

Подскажите пакет для mockup'а API

https://www.mocky.io/

Владимир

https://www.mocky.io/

Мне бы локальное что-то

Timofey

mobx. Если есть 2 контейнера: ContainerA, ContainerB. ContainerA рендерит ContainerB. если мы декорируем контейнер ContainerA через @observer, затем передаем какое-то поле из store в ContainerB то ContainerB не перерендеривается пока на него не повесишь @observer. что это за дичь и как это пофиксить?

Frontend Priest

Подскажите пакет для mockup'а API

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

Владимир

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

Как вариант. Я думал, может готовое есть что

Frontend Priest

Как вариант. Я думал, может готовое есть что

Кстати, можешь сделать полезную вещь и написать такой пакет, звезду поставлю не глядя

Frontend Priest

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

Китикет

Но.. ведь.. надо при каждом тестировании запускать какой-то сервак на экспрессе..

Max

Мне бы локальное что-то

https://mimic.js.org

Max

@itsjohncena сеня потри флуд )

Kurzdor

https://mimic.js.org

Говно

Kurzdor

Имхо

Eugene

у меня из-за пропса match происходит лишний ререндер, от которого мне надо избавиться компонент <Route path="/login" component={Login} /> как мне его замемоизировать?

Eugene

после того, как форму отправляю, делаю history.push(), а там еще один рендер остается и реакт кидает ворнинг

Eugene

Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.

Mihail

после того, как форму отправляю, делаю history.push(), а там еще один рендер остается и реакт кидает ворнинг

Кодик бы

Eugene

Кодик бы

так я скинул компонент, это обычный <Route path="/login" component={Login} />, в логине идет перерисовка из-за match, которая в withRouter

Daniil

Ну так вешай на него свой юз мемо

Eugene

получается, что я делаю редирект, а там еще одна перерисовка остается из-за match

Eugene

Ну так вешай на него свой юз мемо

куда мне его вешать?

Daniil

Кодик бы

!

Dmitry

после того, как форму отправляю, делаю history.push(), а там еще один рендер остается и реакт кидает ворнинг

Что значит там? Ошибка про сет стейт на анмаунченном компоненте

Daniil

Внутрь компонента офк

Eugene

Что значит там? Ошибка про сет стейт на анмаунченном компоненте

ошибка из-за того, что после редиректа идет перерисовка

Eugene

Внутрь компонента офк

простое обернуть компонент memo не работает

Daniil

Мемо не то

Mihail

Без кодика не поможем

Daniil

Таргетом в инпутах указывай у юз м

Eugene

Таргетом в инпутах указывай у юз м

юз м?

Daniil

Юз мемо

Daniil

Или у шуд апд уж, раз такие дела

Daniil

Что конечно странно

i

всем привет, есть задачка, помогите мыслью реализации плз. В общем, есть приложуха с вебсокетом и реактом, редуксом, thinл тоже. Значит, юзер пишет сообщение, по сокету прилетает событие с этим сообщениям(оно непрочитано), в этот момент в случае если открыт чат где это сообщение, то нужно отправить запрос в коем бы это сообщение стало помечено прочитанным. Вопрос, как отправлять запрос, если в ф-ции thunk нет доступа к state(где можно увидеть какой чат открыт у юзера), а в редаксе нет доступа к диспачу

Ivan

всем привет, есть задачка, помогите мыслью реализации плз. В общем, есть приложуха с вебсокетом и реактом, редуксом, thinл тоже. Значит, юзер пишет сообщение, по сокету прилетает событие с этим сообщениям(оно непрочитано), в этот момент в случае если открыт чат где это сообщение, то нужно отправить запрос в коем бы это сообщение стало помечено прочитанным. Вопрос, как отправлять запрос, если в ф-ции thunk нет доступа к state(где можно увидеть какой чат открыт у юзера), а в редаксе нет доступа к диспачу

Не понял

Ivan

Стейт в редаксе, а в thunk есть getstate же

Eugene

(dispatch, getState)

Ivan

(dispatch, getState)

Oga

Anonymous

всем привет, есть задачка, помогите мыслью реализации плз. В общем, есть приложуха с вебсокетом и реактом, редуксом, thinл тоже. Значит, юзер пишет сообщение, по сокету прилетает событие с этим сообщениям(оно непрочитано), в этот момент в случае если открыт чат где это сообщение, то нужно отправить запрос в коем бы это сообщение стало помечено прочитанным. Вопрос, как отправлять запрос, если в ф-ции thunk нет доступа к state(где можно увидеть какой чат открыт у юзера), а в редаксе нет доступа к диспачу

Тебя на работе не клюют за светлую тему? Задолбали с меня прикалываться

Kurzdor

Тебя на работе не клюют за светлую тему? Задолбали с меня прикалываться

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

Kurzdor

Темная/светлая/луннная/ да хоть розовая От сотрудника нужно ждать выполнения задачи

Anonymous

Согласен ) но постоянно мне говорят отправь патч или ещё что, потому что не могут смотреть что то на моем экране

Anonymous

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

Kurzdor

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

Я обычно привык на темной сидеть

Kurzdor

На солнце я? Врубаю фулляркость + светлую тему

Kurzdor

И норм

Kurzdor