как это правильно реализовать?

https://stackoverflow.com/questions/54666401/how-to-use-throttle-or-debounce-with-react-hook первая ссылка

Для бекенда лучше брать готовое решение, вроде паспорта В лс можно хранить флаг авторизации, айди юзера, но почту и остальные личные данные лучше не надо Юзернейм тоже можно

почту тоже не стоит. согласен. а сама идея правильная? если брать за основу базовое решение без JWT или Passport. то есть опять таки, в БД будет таблица с айди-сессиями. и к каждой сессии в БД типа 1 или 0 приписывать когда логинятся/выходят

почту тоже не стоит. согласен. а сама идея правильная? если брать за основу базовое решение без JWT или Passport. то есть опять таки, в БД будет таблица с айди-сессиями. и к каждой сессии в БД типа 1 или 0 приписывать когда логинятся/выходят

Без понятия, я не знаю на глубоком уровне как разные авторизации на стороне бекенда устроены, так что хз какие отрицательные стороны будут при разных вариантах данных Потому лучше брать паспорт всегда, там уже за тебя все давно придумали в классических вариантах

но звучит чо то так себе, мб погуглить как менеджерить сессии в ноде?

Без понятия, я не знаю на глубоком уровне как разные авторизации на стороне бекенда устроены, так что хз какие отрицательные стороны будут при разных вариантах данных Потому лучше брать паспорт всегда, там уже за тебя все давно придумали в классических вариантах

насчет пасспорта соглашусь, давно уже все придумано, зачем свои костыли городить

https://stackoverflow.com/questions/54666401/how-to-use-throttle-or-debounce-with-react-hook первая ссылка

Ты лучший, спасибо большое

Подскажите пожалуйста,Как мне пройтись map по этому объекту?

ну по элементам объекта,там 2 элемента

ну по элементам объекта,там 2 элемента

Так есть же обход Object.keys(myobj).map...

Подскажите пожалуйста,Как мне пройтись map по этому объекту?

.map, только это массив, не обьект)

Так есть же обход Object.keys(myobj).map...

не работает так

не работает так

Обход массива надо, тогда myobj.map... ключей объекта в массиве? тогда там ещё один map.

если конечно, скрин от того console.log

вот от этого console.log(myobj)

Array.from(pseudoArr).map(x => x)

Array.from(pseudoArr).map(x => x)

не работает

Магия 🙌👐🌈

не работает

Что значит не работает? Может быть ошибка какая-то, какая?

Вот мой код

не работает

объязательно map нужен? Array.from с такого объекта вернет пустой массив..

Подскажите пожалуйста,Как мне пройтись map по этому объекту?

Сделай console.log(Array.isArray(myObj)) и покажи что вывело

объязательно map нужен? Array.from с такого объекта вернет пустой массив..

я получаю список пунктов ххранения,с id и адресом

так mapObj же массив, если судить по выводу в консоль typeof mapObj === 'object' Здесь все верно, JS :)

так mapObj же массив, если судить по выводу в консоль typeof mapObj === 'object' Здесь все верно, JS :)

тогда как мне быть?

так mapObj же массив, если судить по выводу в консоль typeof mapObj === 'object' Здесь все верно, JS :)

Ещё не известно, может быть и не массив

тогда как мне быть?

попробуй mapObj.map

В множество typeof x === 'object' входит почти все

Сделай console.log(Array.isArray(myObj)) и покажи что вывело

Вот это сделай блять

ахаха :) зовите Гарри Поттера :)

Вот это сделай блять

точняк, самая точная проверка на массив

ахаха :) зовите Гарри Поттера :)

ну что поделать, 50% вопросов что по vue что по react - из-за незнания JS

Вот это сделай блять

Не выводится

🤣

Не выводится

true вывело

true вывело

Отлично. Тогда myObj.map

Отлично. Тогда myObj.map

можно весь код, где написано myObj.map?

Подскажите пожалуйста,Как мне пройтись map по этому объекту?

Вот

Вот

не, не автор., где подправил под комментарии, что он написал myObj.map и потом ошибка с undefined

не, не автор., где подправил под комментарии, что он написал myObj.map и потом ошибка с undefined

Вот

Вот

есть подозрение, что render выводиться раньше, чем инициализируется myObj

скорее всего

Фух

скорее всего

ну... :)

и как это исправить?

{Array.isArray(myObj) && } проверку в return

this.state.cellStations && this.state.cellStations.map

мне кажется, проверки if (!this.state.data.cellStations) return null; достаточно будет выяснили же, что это массив, просто грузится не сразу

мне кажется, проверки if (!this.state.data.cellStations) return null; достаточно будет выяснили же, что это массив, просто грузится не сразу

не знаю как точно, но тут спорно на счёт проверки сразу с возвратом, т.к. там кроме массива выводятся ещё данные

мб это сделать в componentDidMount, где он присваивает массив из стейта к переменной

мб это сделать в componentDidMount, где он присваивает массив из стейта к переменной

весь модуль не виден, может именно там state и заполняется этими данными в переменную cellStations

вообще то что он написал должно работать, значит проблема в том как и где заполняется сам стейт

весь модуль не виден, может именно там state и заполняется этими данными в переменную cellStations

стейт здесь скорей всего с бэкенда заполняется, те асинхронно render сработает практически сразу же, и нужно быть готовым, что данных может не быть какую часть UI закрыть проверкой - да, здесь от задачи зависит, модуль не виден целиком

мб это сделать в componentDidMount, где он присваивает массив из стейта к переменной

в componentDidMount принято как раз отправлять запросы за данными и подписываться на стейт здесь что проверка даст? или я тебя не так понял

this.state.cellStations && this.state.cellStations.map

Проблема была как раз в том,что у меня рендерилось до инициализации myobj

let myobj = data.cellStations || []; Вот скрипт для получения моего CellStations и вот так я ео вывожу myobj.map((data, index) => {

let myobj = data.cellStations || []; Вот скрипт для получения моего CellStations и вот так я ео вывожу myobj.map((data, index) => {

ну отлично, всё ок теперь

ну отлично, всё ок теперь

спасибо за помощь! IT-комьюнити самое топовое!

ну отлично, всё ок теперь

fallback - норм 👍

Ну и жесть вы тут развели, когда было изначально очевидно что это самый настоящий массив)

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

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

https://reactjs.org/docs/events.html#mouse-events , и написать обработчик для перемещения

ещё смотря как и из чего список сделан, хотя большой роли не играет

ребята а вот как быть, когда у каждого родтиельского элемента есть кнопка создать, и условно дочерка имеет ссылку /create, а дочерние ссылки меняются, типа: box/create, ball/create и т.д.. Как такое обычно реализуют?

https://reactjs.org/docs/events.html#mouse-events , и написать обработчик для перемещения

уточню наверное свой вопрос... суть вопроса больше заключалась в том "как переместить" чем "как среагировать на наведение мышью". Скажем есть flex контейнер, а внутри него column с некоторым количеством дивов, если я на какой-то наведу. Какие есть способы поднять его наверх?

его - это кого? дивы, коламн?

его - это кого? дивы, коламн?

извиняюсь за неточные формулировки "элемент списка" если есть flex контейнер с 5ью дивами внутри, и я навожу на один из дивов, как я могу поднимать его наверх? (знаю про свойство order... Но это же получается, надо держать какой-то массив этих индексов order и постоянно его обновлять? или нет?)

извиняюсь за неточные формулировки "элемент списка" если есть flex контейнер с 5ью дивами внутри, и я навожу на один из дивов, как я могу поднимать его наверх? (знаю про свойство order... Но это же получается, надо держать какой-то массив этих индексов order и постоянно его обновлять? или нет?)

как формируется набор дивов во флексе?

как формируется набор дивов во флексе?

а это важно? Представьте, что никак. что у вас есть <div display:flex> ..<div id=1/> ..<div id=2/> ..<div id=3/> ..<div id=4/> </div> вот оно уже есть и захардкожено, вы наводите на элемент 3 и знаете что он должен оказаться вверху (можно переместить с помощью Order, можно заанимировать как он движется наверх а все остальные уезжают вниз, можно... и вот тут мне интересно какие ещё есть способы? библиотека А/ библиотека Б/ способ дяди вани и т.д. (единственное, что если вы элемент наверх переместите - он и должен в последствии оставаться там)

уточню наверное свой вопрос... суть вопроса больше заключалась в том "как переместить" чем "как среагировать на наведение мышью". Скажем есть flex контейнер, а внутри него column с некоторым количеством дивов, если я на какой-то наведу. Какие есть способы поднять его наверх?

У тебя эти дивы же с чего то рендерятся, нужен обработчик onHover который будет менять state говоря какой див поднять наверх. Если у нас в стейте див 4 то внизу он не показывается, а показывается вверху

Например, можно в стейте хранить массив от 1 до 4 и менять последовательность этих элементов...

У тебя эти дивы же с чего то рендерятся, нужен обработчик onHover который будет менять state говоря какой див поднять наверх. Если у нас в стейте див 4 то внизу он не показывается, а показывается вверху

да есть список с которого они рендерятся, ну в целом я уже почитала, поняла примерно, но ведь это не "перемещение элемента" а отрисовка при рендере его на другом месте

да есть список с которого они рендерятся, ну в целом я уже почитала, поняла примерно, но ведь это не "перемещение элемента" а отрисовка при рендере его на другом месте

Ну выглядит же как перемещение?)))

пока вычитала что переместить- это скорее к анимациям

пока вычитала что переместить- это скорее к анимациям

С подходом выше ты можешь все это анимировать через react-transition-group.

С подходом выше ты можешь все это анимировать через react-transition-group.

о спасибо, почитаю

да есть список с которого они рендерятся, ну в целом я уже почитала, поняла примерно, но ведь это не "перемещение элемента" а отрисовка при рендере его на другом месте

В реакте нет «перемещения» элемента. Он работает чутка по другому. Проще отрендерить все заново чем разбираться какую дом ноду куда переместить.

Толь я туплю толи стайлед компонент неправильно работает. В инспекторе применяются стили только к :nth-child(2)