Всем привет
не пойму вещь, есть код

const onStorage = (data) => {
  console.log('data', data)
 }

 useEffect(() => {
  window.addEventListener("storage", onStorage);
  return () => {
   window.removeEventListener("storage", onStorage);
  };
 }, []);

Меняю localStorage ручками есть console.log меняю программно - увы и ах

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

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

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

Всем привет
не пойму вещь, есть код

const onStorage = (data) => {
  console.log('data', data)
 }

 useEffect(() => {
  window.addEventListener("storage", onStorage);
  return () => {
   window.removeEventListener("storage", onStorage);
  };
 }, []);

Меняю localStorage ручками есть console.log меняю программно - увы и ах

Проблема у тебя в том, что когда ты меняешь программно local storage, то у тебя события никакого не отправляет в DOM. Также, как и при нажатии на кнопку программно( .click()), чтобы у тебя все корректно работало, тебе нужно отправить ивент в DOM.

Чуть-чуть не понял, мне нужно обновить любой элемент DOM

Чуть-чуть не понял, мне нужно обновить любой элемент DOM

Чуть-чуть не понял, мне нужно обновить любой элемент DOM

Чуть-чуть не понял, мне нужно обновить любой элемент DOM

ребята, не срабатывает анмаунтинг

useEffect(() => {
    specialtyDoctor && setInputValue(specialtyDoctor)
    return () => setInputValue([])
  }, [specialtyDoctor])

тыкаю "назад" например, и потом перезахожу в этот компонент, а там данные остаются сохраненными. При тыкании "назад", использую

history.goBack

Пустой массив зависимостей должен быть

chrome и firefox как-то смогли понять что нужно ререндерить line если у него меняется аттрибут, а safari нет, это явный косяк именно движка.
Но за совет профайлера спасяб! Посмотрел по нему - он говорит, что и рефлоу и рекомпоуз происходит. Однако обнаружил, что при ререндере подсвечивается не область графика, а область слева от него… Какая-то дичь, связанная с неправильно рассчитанными оффсетами для перерендера скорее всего. Буду смотреть.

там на самом деле объекты, я для примера массив пустой поставил. Но все равно твой текст не понял

useEffect(() => () => {
   setInputValue([])
 }, []);

useEffect(() => () => {
   setInputValue([])
 }, []);