Сорян. Другими словами у меня есть много ячеек, при клике на ячейку нужно вызвать ф. И предложено было не вешать на каждую ячейку событие, а одно на родитель повесить и всплытием ловить. Но каждая ячейка же передает свой айди.

а точно нужен этот геморрой? В реакте и так всплытие используется же. Какова цель?

не прописывать на каждую ячейку событие. экономия в коде.

каким образом это экономия в коде?

https://blog.maddevs.io/a-bit-about-event-delegation-in-react-3b92fb0a978b @popuguy Читаем и не юзаем свой велосипед делигирования с дата атрибутами

ммм, клонирование

лучше data-* и handleClick(e) { const {} = e.currentTarget.dataset }

лучше data-* и handleClick(e) { const {} = e.currentTarget.dataset }

{chats.find(c => c.id === activeChat).messages.map((message, i)=>( <MessageItem key={i} style={{alignSelf:${message.userDisplayName===user.userDisplayName ? 'flex-end' : 'flex-start'}}} label = {message.messageText} time={message.createdDate} companion={message.userDisplayName===user.userDisplayName ? false : true} /> ))} таким образом вивожу сообщения, мне нужно посортирировать их по времени, ато сейчас они в беспорядочном виводе питался сделать что-то на подобе етого {chats.find(c => c.id === activeChat)._.sortBy('messages', ['createdDate']).map((message, i)=>( но не получаеться, может подскажите что-то?

так вопрос был про делигирование наверх родителю обработку ивентов

Ребят, что посоветуете для инфинит скролла с бэкенд пагинацией?

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

на каждый одинаковый? Кто и зачем предложил вообще?

да не... предложили не писать. но по факту пример простой - таблица с ячейками, и нужно чтобы каждую можно было отредактировать и сохранить

{chats.find(c => c.id === activeChat).messages.map((message, i)=>( <MessageItem key={i} style={{alignSelf:${message.userDisplayName===user.userDisplayName ? 'flex-end' : 'flex-start'}}} label = {message.messageText} time={message.createdDate} companion={message.userDisplayName===user.userDisplayName ? false : true} /> ))} таким образом вивожу сообщения, мне нужно посортирировать их по времени, ато сейчас они в беспорядочном виводе питался сделать что-то на подобе етого {chats.find(c => c.id === activeChat)._.sortBy('messages', ['createdDate']).map((message, i)=>( но не получаеться, может подскажите что-то?

просто делай обычную сортировку по дате, но тольке не в render функции

тоже infinite-scroller юзал, норм

вешаешь обработчик на "каждую" ячейку и всё. Хз в чём проблема)

https://jsfiddle.net/BossBossEx/w7ho3b5c/17/ всем привет, хочу сделать поле статуса профиля как в вк, но есть проблема с фокусом - когда внутри родителя кликаешь на дочер элемент, всё норм, но когда нажимаешь на второй, фокус с родителя теряется, поэтому срабатывает его скрытие и показывается просто div со статусом, нужно как-то оградить дочерние элементы от события фокуса, у меня пока не получилось

Не сталкивался с такой проблемой, что функция loadMore срабатывает на каждое событие скролла, а не при достижении края контейнера?

Не сталкивался с такой проблемой, что функция loadMore срабатывает на каждое событие скролла, а не при достижении края контейнера?

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

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

> loadMore={loading ? () => null : handleLoadPage}

Ты можешь вешать ивент на каждый итерируемый элемент. Реакт за тебя собирет все ивенты в пул. Не мучай себя

хорошо, но просто интересно стало)

> loadMore={loading ? () => null : handleLoadPage}

В целом техника верная (гугли Event Delegation), но в реакте это решено из коробки

Просто получается, что handleLoadPage вызывается нужное количество раз. А сама loadMore туеву хучу. Как то не очень выглядит.

привет. насколько полезна такая библиотека в проекте https://github.com/immutable-js/immutable-js ?? смысл есть начать пользоваться

костыль из продового проекта. Возможно есть нормальное правильное решение. Если найдешь - расскажи

привет. насколько полезна такая библиотека в проекте https://github.com/immutable-js/immutable-js ?? смысл есть начать пользоваться

да? какая то другая получше? или эта и аналоги вообще не нужны ?

в целом при работе с реактом никогда не требовалось

то есть писать типа let user = {...this.state.user, [name]: value}; и не чесать мозги ?

ну типа можно мутацию объектов одним набором функций делать - вроде удобно

Начнем с того что Highcharts платный, это сразу откидывает его. А в чем проблема использовать ChartJS в реакте? Я сделал мини обертку хуками и пользуюсь спокойно, отлично работает.

Ребят, подскажите пожалуйста. Использую аксиос перехватчик, чтобы делать рефреш токена, так вот когда сделал рефреш токена и пришли новые токены мне нужно сделать запрос уже новым токеном. Я же заношу хедеры новый токен, а запрос идет еще со старым( куда копать?

один запрос со старым уходит или все последующие? а где при старте приложения ты устанавливаешь defaults.header?

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

Ребята как использовать в react background-image, почему-то ни в какую не работает. Хочу гифку как бекграунд сделать.

как и не в реакте жеж

так ты ж вроде его и отправляешь, взяв из локалсторадж, не ?

Нужно указывать относительный путь изображения относительно стилевого файла?

Нужно указывать относительный путь изображения относительно стилевого файла?

импортировать нужно

Нужно указывать относительный путь изображения относительно стилевого файла?

ты в .css хочешь это делать или инлайн?

В scss если точнее, хочу чтобы оно масштабировалось в зависимости от размера. background-size хочу использовать

Нужно указывать относительный путь изображения относительно стилевого файла?

от вебпака/роллапа/другого сборщика зависит

Вот http url работает, а путь к файлу в каталоге нет. Где копаться?

от вебпака/роллапа/другого сборщика зависит

Указывать относительный путь относительно стилевого файла?

картинки копируются или в src остаются?

Не понял вопроса, я поместил их туда, хочу использовать.

у тебя результат будет в, допустим, project/release/bundle.js, а картинки остались в project/src/images/...