169 похожих чатов

Https://Codesandbox.Io/S/1-D5q0gm Как поправить тут ререндер компонента Logger при нажатии на второй

button?

6 ответов

12 просмотров
Stepan-Tr Автор вопроса

import * as React from "react"; import "./styles.css"; const ProfileContext = React.createContext({ name: "Den", hiredAt: new Date() }); const useProfileContext = () => { const context = React.useContext(ProfileContext); return context; }; const Logger = React.memo(() => { console.log("Logger"); const { name, hiredAt } = useProfileContext(); return ( <h1> {name} - {hiredAt.toString()} </h1> ); }); export default function App() { const [experience, setExperience] = React.useState(0); const [date, setDate] = React.useState(new Date()); return ( <div className="App"> <button onClick={() => setDate(new Date())}>Update date</button> <button onClick={() => setExperience(experience + 1)}> Increment experience </button> <ProfileContext.Provider value={{ name: "Dan", hiredAt: date }}> <Logger /> </ProfileContext.Provider> Experience: {experience} </div> ); } почему ререндериться Logger и как этого избежать?

Stepan-Tr Автор вопроса

а можно как то через useMemo сделать? Просто мне сказали что как то тут через useMemo можно сделать.

Stepan Tr
а можно как то через useMemo сделать? Просто мне с...

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

Данил 🇷🇺
все что в провайдере будет ререндериться anyway, к...

Достаточно в данном случае кинуть обхект из value в useMemo с зависимостью date и рендера в Logger не будет при клике на вторую кнопку.

Данил 🇷🇺
все что в провайдере будет ререндериться anyway, к...

Ты говоришь про случай, когда value меняется. А у него оно каждый раз новое, потому что каждый рендер это новый объект. Поэтому этого можно избежать в данном случае, путём мемоизации value.

Похожие вопросы

Обсуждают сегодня

Мужики и девушки, привет) в Вelphi xe7 в настройках во вкладке "Editor Options" далее " Color" есть список: "Elements", открыв который мы можем настраивать отображение разных...
Kraszx
14
Добрый вечер. Есть вопрос, а может и предложение. Был у меня диалог в другой группе о делфи и я задался вопросом: "А нельзя ли в делфи цвет //коментария и {комментария} сде...
Kraszx
24
Всем привет! Подскажи, пожалуйста, как передать в TComboBox сразу значение и id записи. На Delphi я делал так: ComboBox1.Items.AddObject('Какое-то значение', Pointer(id запис...
Евгений
13
А вот это что за конструкция? Вернее, она тут нафига?
Serjone
10
Мдя, прикол, боевая сборка запускается (именно под отладчиком) после F9 примерно полторы минуты (97 секунд если быть точным). Начал копать - проблема детектится сразу - зависа...
Александр (Rouse_) Багель
38
Мужики. привет) в Вelphi xe7 в настройках во вкладке "Editor Options" далее " Color" есть список: "Elements", открыв который мы можем настраивать отображение разных элементов...
Kraszx
2
Здравствуйте, вопрос по структурам данных. Были у вас случаи, когда пришлось писать деревья или двунаправленные списки?
/ /
50
Товарищи, кто работа с iphelper? Или может я в самой логике ошибки фигачу, не пойму.... var ifTable : PMIB_IFTABLE; size, corSize: DWORD; Buffer ...
Warfarellen
4
я так понимаю, я так подозреваю, что создание такого плагина для человека, кто умеет писать плагины для делфи потребует минут 5-10 времени. но это мое подозрение. хотелось бы ...
Kraszx
7
Всем привет! Кто пользуется DevExpress, подскажите пожалуйста, реализован ли в TcxGrid в новых версиях поиск по датам как в Экселе (ну т.е. не просто список чекбоксов со значе...
A Z
4
Карта сайта