Как в Next.js 13 функцию fetch использовать в клиентском компоненте?

Нина, кароче твоя проблема в том что ты не верно пытаешься сделать компонент хлебных крошек

в последний раз когда я делал компонент хлебных крошек, это было на стажировке на реакте, и я там пробегался по массиву роутов приложении, т.к приложение было не на некста а не реакте голом, и на основе pathname и роутов (дерева) приложения отображал те или иные хлебные крошки

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

Ну по крайней мере я бы сделал так, как другие сделали бы - не знаю

если мой вариант не устроит, просто заходишь на гитхаб и вбиваешь в поиск breadcrumbs next example и смотришь как реализовали другие

Как в Next.js 13 функцию fetch использовать в клиентском компоненте?

Нина, всё что я прочитал я понял до одного момента

(в нем нужно получать путь в адресной строке, что я делаю через const segments = useSelectedLayoutSegments()). И этот компонент должен получать данные

не нужно в хлебных крошках получать какие-то данные с сервера, компонент хлебных крошек должен отображает ссылки на основе адресного пути или же параметров, в зависимости от того как реализован компонент хлебных крошек, у тебя кстати там написано ul > li, желательно там делать полную навигацию, nav > ul > li > a > текст

и всё что остаётся для того что бы получать pathname с клиента, это заюзать хук usePathname из некста
https://nextjs.org/docs/app/api-reference/function...

Как в Next.js 13 функцию fetch использовать в клиентском компоненте?

Нина, можешь заюзать SWR, или же получить данные в useEffect или получить данные в вышестоящем серверном компоненте и прокинуть их во вложенный клиентский компонент

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

Как в Next.js 13 функцию fetch использовать в клиентском компоненте?

или прокинь данные в клиентский компонент из серверного через пропсы

Как в Next.js 13 функцию fetch использовать в клиентском компоненте?

в useEffect

Как получить момент когда весь контент страницы по-настоящему загружен в React?

jeanrus, нет)

Серверный рендеринг страниц включая компоненты?

AlexCruel, но мало ли если мы не поняли тебя и ты имеешь ввиду про вообще оптимизацию лишних рендеров, то для этого используют обёртки над страницами, типа если на каждой странице должна быть шапка одна и та же, и один например и тот же футер - то при переходе между страницами они не должна перерисовываться, с использованием layouts , гугли кароч если что next layouts

Серверный рендеринг страниц включая компоненты?

AlexCruel, да

Серверный рендеринг страниц включая компоненты?

godsplane, ну у автора своё видение ситуации и для этого он готов просто тонну шлака запихать в стор, ради решения этой проблемы

Серверный рендеринг страниц включая компоненты?

godsplane, точнее не дублировать код загрузки компонента, надо что бы компонент 2жды не загружался на разных страницах, а 1 раз всего лишь, кароче оптимизация 100 уровень

Серверный рендеринг страниц включая компоненты?

godsplane, он же написал, для того что бы не дублировать компонент на страницах))

Как лучше повышать словарный запас?

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

Failed to execute 'observe' on 'IntersectionObserver': parameter 1 is not of type 'Element'?

gaming_shark, в useEffect твой lastElement.current - в данном коде !!! именно в данном коде - никогда не будет пустым, там будет твой див

Failed to execute 'observe' on 'IntersectionObserver': parameter 1 is not of type 'Element'?

gaming_shark, где ты выводишь в консоль в useEffect или где ?

Failed to execute 'observe' on 'IntersectionObserver': parameter 1 is not of type 'Element'?

Почему у lastElement поле current = null?

- с чего такие выводы ?

Как сделать такое обтекание?

Вадим, да это чисто трюк для обтекания якобы текста в блоке, с блоками такой трюк не сработает, но можно ли назвать это полноценным обтеканием ?- нет

Как экспортировать и импортировать отпечатки браузера?

Drovosek01,

1. Я где-то когда-то давно читал (или смотрел видео), что "отпечаток" в браузере складывается из разных параметров устройства, в том числе физических: разрешение экрана, количество USB портов и многое другое.

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

2. Если отпечатки хранятся не локально, как тогда работают расширения по смену "отпечатка" браузера?

- это вопрос не как не относится к теме - как восстановить или как подделать отпечаток, это вопрос относится к тому - как обойти отпечаток/создать новую анонимность типа свою.

Меняют данные на серверах Google (сарказм)?

- хэши хранятся у гугла, у тебя ничего нет

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

Михаил Р., согласен

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

Aetae, Михаил Р. у одного решение в 2 ховера, у другого решение в отключение ховера у .item у которого даже нет ховера, т.к ховер у контейнера, оба варианта за пониманием логики, но всё же у михаила вариант с перебиванием стилей ( как то укладывается всё же в голове но сам факт что 2 ховера... такое себе хм хм ), наверное поэтому я подумал что нельзя через css, а так в целом обоим респект за примеры, буду знать что и такое можно

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

надо что бы они были жёлтые по умолчанию, и при наведение например на карточку по середине, другие две должны стать чёрными, а сама карточка - увеличилась, тут без js не обойтись