Павел 💻
Всем привет. Есть раскрывающийся списов, но при нажатии на один из пунктов раскрываются все, так как у них общий state isOpen. Подскажите пожалуйста, как правильно сделать , чтобы при нажатии расскрывался только один из пунктов. Я подозреваю что для каждого нужен свой state, но пока не понимаю как это сделать
Павел 💻
Maksim
Maksim
функция использует переменную из внешнего скоупа, это и называется замыканием
Sergey
Sergey
Потому что оно там есть
Vladimir
Mihail
И вызываются они уже вне блока
Ilia
Спасибо!)
Rustem
Добрый день ребята! Есть старая версия сайта на поддомене old. , как можно передать сессию с новой версий на старую?
Андрей
Давайте банить за оффтоп уже? @itsjohncena
Oleg
Rustem
проект на рекате
Андрей
4 сообщения выше. Ни одного по тематике чата.
Андрей
Хотите получить ответы на js - задавайте вопросы в @js_ru. Об этом даже в описании этого чата написано.
Rustem
Ivan
Vadim
Rustem
ок, спасибо
Ivan
если к примеру сессия и всякая куча хранится в какой-нибудь nosql бд в оперативке, то будет прощё - юзать одну бд или мастер/слейв на разных приложениях
Rustem
Ivan
или самый быдло вариант - фрейм встроить, настроить кросориджин на старый домен и передвать параметрами сессию
Alexander
Кто нибудь делал виртуализированный список с препендом элементов и вообще обработкой скролла? был бы рад примеру
Андрей
Пойду спрашивать о редакс экшенах в рассылке разработчиков хрома. Сайт то в хроме запускается.
Ivan
Ivan
Andrei
Daniil
@rovnyart, вчера заходил с подобным вопросом, у себя решил через
useEffect(() => setReducerState(props.rows), [props.rows])
rovnyart
понял, ну я уже примерно так и сделал, только мне кажется что это какая-то херня)
rovnyart
спасибо)
Daniil
Есть некий N стейт, доступ к нему идёт через useNReducer, который внутри делает React.useReducer(,.., smthInitialState), необходимо сверхему ему прокинуть override-initial-state (из пропсов), т.е useNReducer(overrideInitialState), где внутри будет React.useReducer(.., {...smthInitialState, ...overrideInitialState})
@rovnyart , аналогичный вопрос +-, чуь пониже, может быть найдете для себя что-то интересное)
Alexander
Sm•ok
Всем привет. Cтоит выбор между leaflet и react-leaflet.
Что более разумно, учитывая затраты на время + качество. Раньше не писал обертки для либ, поэтому не могу здраво оценить
Ivan
Alexander
Так стили то настроить, думаю не проблема
Вопрос конкретно в том, чтобы добавить элементы в начало списка, и сохранить позицию скролла, но это выглядит трудно достижимым например с react virtualized ,потому что он пока измеряет элементы сам список несколько раз перерисовывает с разными значениями scrollHeight
Alexander
Соответственно трудно сохранить "настоящий" scrollHeight
Андрей
На странице есть ф-ный компонент формы , как мне со страницы получить реф и там текстареа потом манипулировать?
Alexander
forwardRef в форме?!(не уверен)
Victor
Sm•ok
Остальные задачи так и не вспомню, но это основные
Sm•ok
Yura
всем привет, подключил react-redux(токо начал изучать redux) и тут ошибка? кто может подсказать?
Alexander
Соответственно обработать реф формы тебе нужно в компоненте FeedbackForm, в примере это EmailInput
Андрей
Виталий
Всем привет.
Играюсь с пониманием устройства React «под капотом», сделал вот такой пример (есть несколько счётчиков, и их надо добавлять и удалять), но обнаружил что кол-во счётчиков не меняется. В связи с этим вопрос: почему такое поведение?
https://stackblitz.com/edit/react-wzxrez
Looch
лол
Looch
так у тебя же 3 счечтика харкодом то
Виталий
Почему создаю список счётчиков не в методе редер: Задумка была такая «а можно ли кешировать создание списка? дай попробую.»
Looch
аааа
Looch
ну так
Looch
ты мутируещь
Looch
push мутирует массив
Виталий
мутирует
Looch
и реакт не может задетикить изменени
Виталий
Т.е. реакт детектит изменения сравнивая по ссылке результат исполнения React.createElement()?
Виталий
И ещё если мы на каждом рендере обязаны создать новый элемент (чтобы реакт сравнил его по ссылке с предыдущим элементом и понял что произошли изменения) то где хранится состояние компонента?
Victor
if (nextState.count > this.countersList.length) {
this.countersList = [...this.countersList, <Counter key={this.countersList.length}/>];
}
так работает
Looch
да странно
Виталий
И вопрос мой прежде всего «Почему такое поведение?»
Looch
почему массив не ререндерится
Looch
хотя он меняется
Виталий
Именно
Victor
если key оставишь неизменным, компонент останется
Looch
Victor
изза этого могу быть траблы если захочешь удалить компонент в середине, но ключи все так же будут зависить от порядка в массиве
Looch
рекончилер видимо все равно не хочет
Looch
https://reactjs.org/docs/lists-and-keys.html
Виталий
Victor
где я сказал что в примере проблема с ключами? :)
Виталий
Looch
да не с ключами проблема