Anonymous
Ну по факту я не полностью перешел c Vue. Разве что забросил на время изучения React'a
Anonymous
Просто оба фреймворка симпатизируют
Anonymous
Бан
Anonymous
Artemchik_2005_20018_bike_sport
Rou
Можно как-нибудь отследить изменения localstorage, к примеру через UseEffect? Мне нужно для контроля темы и языка
Anton
Менять надо в одном месте, и подписываться на эти изменения. В подписке уже записывать в localstorage
wolfe
onChange="this.change_state" на инпуте
вот так, но лучше делать на хуках
Sergey
https://lmgtfy.com/?q=localstorage+subscribe&s=g
и конкретно на useEffect ложится отлично. Подписка/отписка в чистом виде
Sergey
не, даже лучше ща предложу
Sergey
https://github.com/filipdanic/use-localstorage-hook
Sergey
правда PR не слили пока. Но можно с ветки поставить
Sergey
https://github.com/filipdanic/use-localstorage-hook/pull/2
Anonymous
вот так, но лучше делать на хуках
Вопрос? закрыт. Проблема? решена. Отель? триваго
Anton
Ну, или просто глянуть код выше
Rou
Спасибо всем)
Igor
Подскажите пожалуйста Я создал переменную items в компоненте, в неё кладу результат метода map. Мэплю элементы из пропсов. Затем передаю items пропсами в дочерний компонент и там рендерю. Проблема: рендер items происходит только после обновления страницы, причём в доме элементы items появляются и без обновления
Sergey
нет идей 🤷‍♂️ но если запилить минимальный кейс на https://codesandbox.io/ эффекта будет больше, если что
Тагир
кто-нить пробовал дебажить в firefox через webstorm? я вроде настроил и подключился, но на брейкпоинтах не останавливается
Тагир
а сорсмэпы работают? Или там всё проще?
а? (у меня вообще ничего не работает🙈)
Sergey
а? (у меня вообще ничего не работает🙈)
А сорсмэпы вообще есть? Сборка есть? Или чистаком всё?
Sergey
есть
console.trace(1) что-то адекватное показывает или мусор?
Тагир
даже не мусор
Sergey
мусор. Сорсмэпы не работают
Sergey
а, стоп
Sergey
console.trace не там надо писать. Его нужно добавить в коде где-нибудь и посмотреть
Тагир
а лол 5 сек
Тагир
без понятия это полезное или мусор, но на исходники ссылается
Sergey
ага. Там значит MobX. Ну тогда всё сложно. Без исполняемого примера кода тут никак
Sergey
но скорее всего как раз не нужно делать map, а наоборот мутировать/клонировать
Sergey
не сильно юзал MobX, не зашёл, пусть лучше кто-нибудь ещё поможет
Sergey
ок, спс, т.е. проблема только в мобХ?
ну по тому что я вижу, да. Он не иммутабельный, с ним такие фишки не катят. По моему скромному опыту с ним только сложнее всё становится
Тагир
круто, спасибо
Тагир
Sergey
с сорсмэпами всё гладко насколько я вижу
Sergey
я не знаю как у JetBrains. Можно попробовать в vscode настроить, там при установке брэйкпоинта показывается нашлось ли верное место (серый/красный кружок). Как вариант чтоб проверить что со сборкой всё ок
Sergey
ща попробую
там тоже не из коробки пашет. Вроде в create-react-app проще глянуть
Sergey
там то ли конфиг, то ли гайд
Sergiy
всем привет. У меня есть табы, с определённой структурой (стандартные) Не могу понять, почему активный таб не преобретает зелёный цвет. Ссылка: https://codesandbox.io/embed/sweet-butterfly-1220h?fontsize=14 Спасибо огромное за помощь)
Sergiy
у тебя в компоненте Tabs внутри цикла data.map index всегда undefined, индекс элемента вторым аргументом должен идти: data.map(({ label }, index ) => ...
сделай пожалуйста fork и скинь мне, потому что я поправил и контент вообще не выводиться
Daniil
activeTabIndex просто выведи в консоль, там не примитив, а объект
Sergiy
просто не понимаю, как пофиксить
Daniil
дернуть нужный ключ из объекта, в чем проблема?
Sergiy
дернуть нужный ключ из объекта, в чем проблема?
проблема в том, что я не особо шарю в реакте и для меня это не совсем очевидно и понятно)
Daniil
причем тут реакт? Это жс
Sergiy
с js у меня ещё хуже)
Daniil
const isActive = activeTabIndex.index === index; и если андефайнед, а судя по всему так и будет на первую итерацию, то сделай значение по умолчанию в виде объекта, либо дописать к проверке activeTabIndex
Sergiy
насколько я понимаю
Daniil
А в чем?
Daniil
> Не могу понять, почему активный таб не преобретает зелёный цвет.
Daniil
ты сравниваешь объект с примитивом
Daniil
как думаешь, какой будет результат?
Роман
https://codesandbox.io/s/happy-microservice-tm7nx?fontsize=14
Sergiy
ну да, понимаю Но не совсем понятно, что нужно поправить(( нужно к проверке у Page дописать значение по умолчанию?
Daniil
Я же написал что тебе нужно, в твой юз стейт активного таба добавить объект
Daniil
если для тебя эти действия сейчас сложны, то ты возможно не с того начал обучение
Роман
поправил в нескольких местах
Daniil
И где его цвет выводится?
Sergiy
Daniil
Да я не про это
Өмүрбек
Здравствуйте!
Sergiy
я понял что ты имел ввиду
Daniil
Здравствуйте!
https://t.me/flood_ru