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