Телеграмм чат группы react_js страница 47909

parrot.ru

Рейтинг популярных групп и каналов

В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

React — русскоговорящее сообщество

11871 membersпожаловаться на группу

2020 November 26

IN

Igor N in React — русскоговорящее сообщество

А сама функция находящаяся в кастомном хуке, которая должна быть хендлером, должна именоваться как хендлер, или все таки как просто функция, открывающая/закрывающая модалку? Т.к. функция находится отдельно от компонента и о нем ничего по сути не знает

Вот тут интересная дискуссия с artalar https://t.me/react_js/963886

Сергей К in React — русскоговорящее сообщество

подскажи, у тебя обработчики называются с приставки on, к примеру onMouseLeave. А почему не handleMouseLeave?

источник

02:01пожаловаться #1

AM

Alexey Masyukov in React — русскоговорящее сообщество

Как избежать постоянного создания функции в render?

onDeleted={() => onDeleted(item.id)}

источник

02:12пожаловаться #2

ДШ

Дмитрий Шевченко... in React — русскоговорящее сообщество

useCallback ?

источник

02:14пожаловаться #3

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество

Alexey Masyukov

Как избежать постоянного создания функции в render?

onDeleted={() => onDeleted(item.id)}

useMemo
useCallback

источник

02:14пожаловаться #4

AM

Alexey Masyukov in React — русскоговорящее сообщество

Dmitriy Shuleshov

useMemo
useCallback

там же параметр передается item.id, он при каждом рендере разный. Можно пример подобного подхода?

источник

02:16пожаловаться #5

ДШ

Дмитрий Шевченко... in React — русскоговорящее сообщество

Alexey Masyukov

там же параметр передается item.id, он при каждом рендере разный. Можно пример подобного подхода?

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

источник

02:17пожаловаться #6

ДШ

Дмитрий Шевченко... in React — русскоговорящее сообщество

Можно использовать PureComponent, или useRef, но стоит ли?

источник

02:18пожаловаться #7

AM

Alexey Masyukov in React — русскоговорящее сообщество

Дмитрий Шевченко

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

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

источник

02:19пожаловаться #8

AM

Alexey Masyukov in React — русскоговорящее сообщество

Дмитрий Шевченко

Можно использовать PureComponent, или useRef, но стоит ли?

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

источник

02:19пожаловаться #9

ДШ

Дмитрий Шевченко... in React — русскоговорящее сообщество

Если он на КАЖДЫЙ рендер разный - мемоизировать нету смысла

источник

02:20пожаловаться #10

AM

Alexey Masyukov in React — русскоговорящее сообщество

Дмитрий Шевченко

Если он на КАЖДЫЙ рендер разный - мемоизировать нету смысла

Это да. Вспомнил один из подходов.

const delete = () => (id) => this.props.onDelete(id)

источник

02:22пожаловаться #11

AM

Alexey Masyukov in React — русскоговорящее сообщество

onClick={delete(id)}

источник

02:23пожаловаться #12

ДШ

Дмитрий Шевченко... in React — русскоговорящее сообщество

Alexey Masyukov

onClick={delete(id)}

А что толку?

источник

02:24пожаловаться #13

AM

Alexey Masyukov in React — русскоговорящее сообщество

Дмитрий Шевченко

А что толку?

тоже об этом подумал) Просто лежал в заметках

источник

02:24пожаловаться #14

ДШ

Дмитрий Шевченко... in React — русскоговорящее сообщество

Ща

источник

02:25пожаловаться #15

AM

Alexey Masyukov in React — русскоговорящее сообщество

Дмитрий Шевченко

Ща

Можно так: пользоваться всплытием event и не вешать обработчики на каждый элемент, а повесить его на весь список. Отлавливая события на списке понимать с какого элемента он пришел, получаеть id элемента и с ним работать

источник

02:27пожаловаться #16

ДШ

Дмитрий Шевченко... in React — русскоговорящее сообщество

class MyComponent extends React.PureComponent
{
  delete = () => this.props.onDelete ( this.props.item.id );

  render ()
  {
    ...
    onClick={ this.delete }
    ...
  }
}

источник

02:28пожаловаться #17

ДШ

Дмитрий Шевченко... in React — русскоговорящее сообщество

Типа того, как вариант

источник

02:29пожаловаться #18

AM

Alexey Masyukov in React — русскоговорящее сообщество

Дмитрий Шевченко

class MyComponent extends React.PureComponent
{
  delete = () => this.props.onDelete ( this.props.item.id );

  render ()
  {
    ...
    onClick={ this.delete }
    ...
  }
}

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

источник

02:30пожаловаться #19

ДШ

Дмитрий Шевченко... in React — русскоговорящее сообщество

Я твой код не вижу, сам решай как лучше. Я тебе вариант предложил.

источник

02:32пожаловаться #20