Size: a a a

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

2021 March 05

ИС

Игорь Стрелов... in React — русскоговорящее сообщество
Хм. Ну тогда смотри fetch Stories
источник

A

Alexander in React — русскоговорящее сообщество
Kirill
она и была
добавь консоль в юз эффект, глянь сколько раз запускается
источник

K

Kirill in React — русскоговорящее сообщество
Alexander
добавь консоль в юз эффект, глянь сколько раз запускается
суть в том, что на page console.log вызывается 5 раз сколько и функция
источник

ИС

Игорь Стрелов... in React — русскоговорящее сообщество
Да врятли у него юзЕффект запустится более 1 раза, если только роутер 5 раз не переходит на этот экран
источник

ИС

Игорь Стрелов... in React — русскоговорящее сообщество
Kirill
суть в том, что на page console.log вызывается 5 раз сколько и функция
Что значит на page
источник

K

Kirill in React — русскоговорящее сообщество
Игорь Стрелов
Хм. Ну тогда смотри fetch Stories
там всё ок, на других проектах так же использовал и не было проблем с нетворком
источник

ИС

Игорь Стрелов... in React — русскоговорящее сообщество
Судя по всему у тебя 5 раз открывается этот экран
источник

A

Alexander in React — русскоговорящее сообщество
Kirill
суть в том, что на page console.log вызывается 5 раз сколько и функция
а как ты на эту страницу попадаешь, попробуй по урлу
источник

ИС

Игорь Стрелов... in React — русскоговорящее сообщество
А вот почему - нужно понять
источник

K

Kirill in React — русскоговорящее сообщество
Игорь Стрелов
Что значит на page
у меня есть page на котором отображаются данные, которые приходят из  fetch Stories. я перед return решил сделать консоль. и увидел что он вызывается 5 раз как и сама функция  fetch Stories, а такое происходит на всех страницах. я подумал что дело в роутерах и больше всего подозрение к <Router>
источник

ИС

Игорь Стрелов... in React — русскоговорящее сообщество
Ну вот я об этом и говорю. У тебя компонент пересоздается 5 раз
источник

K

Kirill in React — русскоговорящее сообщество
Alexander
а как ты на эту страницу попадаешь, попробуй по урлу
когда прохожу через Link, то есть по url. то один раз вызывается функция, а есть перезагружаю страницу, то 5 раз)))
источник

ИС

Игорь Стрелов... in React — русскоговорящее сообщество
А не внутри него рендерится 5 раз
источник

ИС

Игорь Стрелов... in React — русскоговорящее сообщество
Думаю проблема где то в DefaultContainer. Он у тебя в роутере 5 раз упоминается.
источник

A

Alexander in React — русскоговорящее сообщество
Kirill
когда прохожу через Link, то есть по url. то один раз вызывается функция, а есть перезагружаю страницу, то 5 раз)))
убери фетч глянь сколько раз рендерится по рефрешу
источник

ИС

Игорь Стрелов... in React — русскоговорящее сообщество
Kirill
когда прохожу через Link, то есть по url. то один раз вызывается функция, а есть перезагружаю страницу, то 5 раз)))
Что такое DefaultContainer у тебя не в нем fetch?
источник

K

Kirill in React — русскоговорящее сообщество
в DefaultContainer у меня всё просто

import Header from "../../components/Header";

const DefaultContainer = ({children, classes}) => (
   <>
       <Header />
       <main className={classes}>{children}</main>
   </>
)

export default DefaultContainer;
источник

SP

Sergey Podtynny in React — русскоговорящее сообщество
Доброго всем времени суток!
Я только начинаю изучать Реакт, и в процессе возникают вопросы, на которые не смог найти ответы и спросить не у кого. Может быть кто-нибудь из присутствующих поможет?

1. https://codesandbox.io/s/unruffled-jang-vu7yt?file=/src/App.js
Поправьте, если я не прав: при изменении состояния/вызове forceUpdate внутри дочернего компонента происходит ререндер самого дочернего компонента и всех его дочерних элементов и далее вниз по дереву (для которых shouldComponentUpdate возвращает true). Почему в примере кода выше компонент Profiler фиксирует обновление компонента App, а хук componentDidUpdate компонента App не срабатывает?

2. https://codesandbox.io/s/dreamy-darwin-nocfg?file=/src/App.js
Представим, что ComponentForwardedHOC импортируется из сторонней библиотеки. Можно ли как-нибудь получить ссылку на Component, используемый внутри ComponentForwardedHOC?
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Sergey Podtynny
Доброго всем времени суток!
Я только начинаю изучать Реакт, и в процессе возникают вопросы, на которые не смог найти ответы и спросить не у кого. Может быть кто-нибудь из присутствующих поможет?

1. https://codesandbox.io/s/unruffled-jang-vu7yt?file=/src/App.js
Поправьте, если я не прав: при изменении состояния/вызове forceUpdate внутри дочернего компонента происходит ререндер самого дочернего компонента и всех его дочерних элементов и далее вниз по дереву (для которых shouldComponentUpdate возвращает true). Почему в примере кода выше компонент Profiler фиксирует обновление компонента App, а хук componentDidUpdate компонента App не срабатывает?

2. https://codesandbox.io/s/dreamy-darwin-nocfg?file=/src/App.js
Представим, что ComponentForwardedHOC импортируется из сторонней библиотеки. Можно ли как-нибудь получить ссылку на Component, используемый внутри ComponentForwardedHOC?
1 Вроде в профайлере свойство update означает что был рендер в ребенков
источник

SP

Sergey Podtynny in React — русскоговорящее сообщество
Где об этом можно прочитать?
источник