Описание тега react-server-components
1
ответ
Как «гидратация» работает с компонентами сервера React?
При использовании SSR для интерактивности необходимо загружать JavaScript, что часто достигается за счет гидратации. Как этого добиться с помощью серверных компонентов?
16 июн '21 в 11:47
1
ответ
Если useState не поддерживается компонентами сервера React, как мы назначаем состояние компонента для рендеринга
Я пытаюсь понять компоненты сервера React и то, как визуализировать состояние компонента без использования useState и useEffect. Я создал серверный компонент со встроенным клиентским компонентом, и оба извлекают небольшой объем данных и отображают и…
11 янв '22 в 18:50
0
ответов
Эквивалент Гэтсби серверных компонентов React?
Я ищу решение для Gatsby, чтобы обеспечить аналогичную функциональность, такую как серверные компоненты React. Основные вещи, которые я ищу в этом решении: Отделение логики некоторых компонентов от общей логики страницы, чтобы их можно было обно…
18 янв '22 в 14:55
2
ответа
Производительность компонентов React Server в SEO
Итак, это довольно новая тема, недавно были выпущены серверные компоненты React, по сравнению с SSR/Next.js, как это влияет на SEO? Поскольку компонент отображается на сервере динамически, когда он запрашивается, он на самом деле не такой статичный,…
29 дек '20 в 06:25
1
ответ
Как использовать TailwindCSS с компонентами React Server (Next.js)
Пробуем новые компоненты React Server (с Next.js), но при переименовании в _app.server.tsx, стили TailwindCSS вообще не загружаются (хотя HTML рендерится нормально). _app.tsxтот, кто импортирует глобальный index.cssфайл со всеми @tailwindдирективы. …
26 май '22 в 09:31
1
ответ
React Hydrogen Неизвестное расширение файла «.css» при использовании библиотеки слайдеров
Я пытаюсь использовать библиотеку Splide Slider в своем проекте Hydrogen. Hydrogen использует серверные компоненты. Итак, я создал слайдер как клиентский компонент, а затем попытался отобразить его в серверном компоненте. Однако я получаю сообщение …
26 ноя '22 в 16:17
0
ответов
Есть ли способ получить доступ к «запросу» и «ответу» в макете, странице или компоненте на стороне сервера в каталоге приложения nextjs13?
Я пытаюсь применить аутентификацию на стороне сервера аналогично тому, какgetServerSideProps()работает в старом/pagesподход к nextjs. Однако при таком подходеgetServerSidePropsпринимает параметр контекста, который содержит какreqиresс сервера. Это о…
21 янв '23 в 00:41
0
ответов
NextJS13 — Как я могу использовать пользовательский хук в серверном компоненте?
Моя цель - получить некоторые данные из серверного компонента, а затем использовать хук для сохранения этих данных в локальном хранилище. Я сделал специальный хук, который сохраняет данные в локальном хранилище после серверного компонента.Pagesполуч…
09 янв '23 в 06:20
0
ответов
Передать объект даты из серверного компонента в клиентский компонент в Next.js 13
Я обновляю проект next.js до проекта в стиле каталога приложений. Мне нужно получить данные с сервера API, которые содержат даты. Затем данные должны быть отфильтрованы и упорядочены по полю даты. В настоящее время я используюnext-superjsonбиблиотек…
07 ноя '22 в 08:04
2
ответа
Ошибка: `experimental.runtime` требует, чтобы `experimental.reactRoot` был включен вместе с React 18
У меня есть проект (следующий 12.1.6 + реакция 18.1 + реакция 18.1). Теперь я хочу добавить к нему компоненты React Server. Обновил мой next.config.js следующим образом const nextConfig = { distDir: '../../.next', reactStrictMode: true, experimental…
08 июн '22 в 19:41
0
ответов
Неожиданный токен React Server Components и Webpack при запуске сервера
Я провожу тесты компонентов React Server с проектом коллеги и блокирую ошибку, которая появляется из . Я могу собрать проект, веб-пакет сделал это хорошо, без ошибок, но когда я запускаю сервер, у меня есть эта ошибка в терминале, вот полный результ…
02 янв '23 в 15:47
1
ответ
nextjs 13 generateStaticParams, используемый с next/header, вызывает необработанную ошибку времени выполнения в режиме разработки
Я работаю над новым проектом и недавно использовал nextjs13 для своего внешнего приложения. При использовании функции generateStaticParams с библиотечной функцией следующего/заголовка headers(), Я получаю сообщение об ошибке в режиме разработки. Про…
14 ноя '22 в 15:51
0
ответов
Next 13 с Mongoose не работает в серверной части
Я только что обновил следующую версию до 13 в проекте, чтобы проверитьappреж. У меня есть функция под названием: export const getData = async () => { await dbConnect() return await DataModel.find() } Моя функция — это общая функция, которая испол…
16 ноя '22 в 12:12
0
ответов
Выбранное состояние элемента навигации в следующем 13
Я хочу иметь выбранное состояние для элемента навигации в следующих 13, я не мог найти способ получить какой-либо контекст на серверном компоненте, поэтому в итоге получил клиентский компонент, подобный этому 'use client'; import Image from 'next/im…
19 дек '22 в 19:47
1
ответ
Папка приложения Next13 не отображает html в исходном коде страницы
Я некоторое время тестировал бета-версию Nextjs, но заметил, что источник страницы всегда пуст, несмотря ни на что. Пример : import VisitProvider from "./(components)/VisitProvider"; import Visit from "./(components)/Visit"; import FlightSearcherWra…
03 мар '23 в 10:35
2
ответа
Требует ли MUI, чтобы все страницы были CSR при использовании нового каталога приложений в NextJS 13?
Я только что запустил свое первое приложение NextJS и следовал этому руководству , чтобы добавить MUI. Единственная разница, которую я вижу, это то, что я использую экспериментальныйappкаталог NextJS 13. Следуя руководству, я получаю сообщение об ош…
11 дек '22 в 18:13
1
ответ
окно не определено - Next.js 13 - Клиентский компонент в серверном компоненте -
Листовка импортируется в файл, который импортируется в клиентский компонент, так почему же сервер запускает ее и выдает эту ошибку? Это действительно работает после повторной попытки и в конечном итоге отображает сайт нормально. Я попытался использо…
07 фев '23 в 04:51
0
ответов
Нужно ли мне по-прежнему использовать key prop при сопоставлении массива в компоненте React Server?
Я так не думаю, но на всякий случай, кто-нибудь знает ответ и имеет источник? Когда мы сопоставляем массив с элементами React, хорошей практикой является добавление свойства ключа к каждому элементу (React даже предупредит вас, если вы этого не сдел…
27 фев '23 в 15:35
1
ответ
NextJS 13 — как получить объект NextApiRequest в асинхронном компоненте?
Согласно документации NextJS 13, написание асинхронных компонентов — это новый способ предварительной выборки некоторых данных на сервере.getStaticProps,getInitialProps, и их следует заменить асинхронными компонентами. Моя проблема в том, что у меня…
20 фев '23 в 13:14
0
ответов
Как открыть/закрыть модальное окно из моего компонента заголовка в Next.js 13?
Я создаю приложение для электронной коммерции с Next.js 13 для развлечения. У меня возникают трудности, когда я пытаюсь сделать модальное окно входа, которое появляется, когда я нажимаю кнопку в компоненте. Мой подход состоял бы в том, чтобы сделать…
10 янв '23 в 19:25