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

parrot.ru

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

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

групп:

каналов:

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

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

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

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

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

go.backupland.com

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

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

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

Size: a a a

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

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

2021 February 16

EZ

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

☬ Sᴀʏᴅᴜʟʟᴏ ツ

Подскажите логику, как сделать, чтобы изменении компонентов, предыдущий исчезал плавно теряя прозрачность, а следующий с такой же анимацией, только наоборот. То есть fade in.

Есть библиотека React Transition Group

источник

09:12пожаловаться #1

А

Амангельди in React — русскоговорящее сообщество

☬ Sᴀʏᴅᴜʟʟᴏ ツ

Да, но вот в роутах стоят ссылки, как сделать переход на эти компоненты с таймером?
Постоянно использовать location?

Можешь либо через react transition group, либо использовать useHistory. Тогда будут не линки, а обычные div где вызываешь ассинхронную функцию которая сперва вызывает анимацию исчезания, а потом перекидывает на другую страницу

источник

09:26пожаловаться #2

J

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

Всех приветствую

источник

09:31пожаловаться #3

J

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

Подскажите пожалуйста, как я могу избежать запуска useEffect при рендере?
Запускать только при изменении state

источник

09:32пожаловаться #4

SL

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

Подскажите пожалуйста, как я могу избежать запуска useEffect при рендере?
Запускать только при изменении state

Если ты меняешь стейт, то происходит ререндер в любом случае

источник

09:33пожаловаться #5

J

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

Sergey Lukashev

Если ты меняешь стейт, то происходит ререндер в любом случае

Имею в виду избежать изначального рендера, при загрузке страницы

источник

09:33пожаловаться #6

z

z̛e͏́͠r͜c҉ in React — русскоговорящее сообщество

Подскажите пожалуйста, как я могу избежать запуска useEffect при рендере?
Запускать только при изменении state

https://reactjs.org/docs/hooks-effect.html

укажи зависимости

источник

09:33пожаловаться #7

J

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

z̛e͏́͠r͜c҉

https://reactjs.org/docs/hooks-effect.html

укажи зависимости

Но при загрузке страницы, useEffect так же будет запускать функцию ведь?

источник

09:34пожаловаться #8

А

Амангельди in React — русскоговорящее сообщество

Имею в виду избежать изначального рендера, при загрузке страницы

Просто добавь условие которая по умолчанию будет false

источник

09:34пожаловаться #9

MK

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

Сергей Запольский

Хотите я ссылку дам, я просто не знаю можно ли тут ссылки давать

тут можно конечно

источник

09:34пожаловаться #10

J

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

Амангельди

Просто добавь условие которая по умолчанию будет false

Куда?

источник

09:35пожаловаться #11

z

z̛e͏́͠r͜c҉ in React — русскоговорящее сообщество

Но при загрузке страницы, useEffect так же будет запускать функцию ведь?

как сказали выше добавь условие на проверку начального значение в функции которую кидаешь в useEffect

источник

09:35пожаловаться #12

J

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

z̛e͏́͠r͜c҉

как сказали выше добавь условие на проверку начального значение в функции которую кидаешь в useEffect

Спасибо, сейчас попробую

источник

09:37пожаловаться #13

SE

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

Всем привет. Какой подход к получению данных из state лучше,

1.
App() { 
  const data = useSelector(state => state.data)
  retrurn ( <Section data={data} />)
}  

Section({ data }) { 
  const section = data.section
  retrurn ( <Section section={section} /> )
}

или

2.
App() { 
  const data = useSelector(state => state.data)
  retrurn ( <Section data={data} />)
}  

Section({ data }) { 
  const section = useSelector(state => state.data.section)
  retrurn ( <Section section={section} /> )
}

источник

10:44пожаловаться #14

SL

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

Stanislav Entaltsev

Всем привет. Какой подход к получению данных из state лучше,

1.
App() { 
  const data = useSelector(state => state.data)
  retrurn ( <Section data={data} />)
}  

Section({ data }) { 
  const section = data.section
  retrurn ( <Section section={section} /> )
}

или

2.
App() { 
  const data = useSelector(state => state.data)
  retrurn ( <Section data={data} />)
}  

Section({ data }) { 
  const section = useSelector(state => state.data.section)
  retrurn ( <Section section={section} /> )
}

Второй подход более правильный. Компоненту не за чем знать об абстрактных данных, он должен получать только то, что ему нужно для работы

источник

10:46пожаловаться #15

SE

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

Sergey Lukashev

Второй подход более правильный. Компоненту не за чем знать об абстрактных данных, он должен получать только то, что ему нужно для работы

Спасибо!

источник

10:48пожаловаться #16

SL

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

Stanislav Entaltsev

Спасибо!

Пожалуйста )

источник

10:49пожаловаться #17

J

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

Амангельди

Просто добавь условие которая по умолчанию будет false

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

источник

10:49пожаловаться #18

R

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

здарова ребят, как можно правильно передать компонент в качестве вложенного для styled components ?

источник

10:55пожаловаться #19

R

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

если так вообще можно

источник

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