Многократный рендеринг страницы в Next.js (v14.0.1)Javascript

Форум по Javascript
Ответить
Anonymous
 Многократный рендеринг страницы в Next.js (v14.0.1)

Сообщение Anonymous »

Я разрабатываю новую функцию в проекте Next.js и столкнулся с неожиданным поведением. Страница, на которой размещен рассматриваемый компонент, отображается несколько раз, хотя реквизиты остаются неизменными при всех визуализациях.
- Наблюдения:
  • Режим разработки: страница отображается 3 раза.
  • Режим разработки: страница рендерится 4 раза.
- Среда:
Версия Next.js: 14.0.1
Версия Node.js: v23.5.0
  • Пример URL-адреса:
    Я захожу на страницу, используя следующий URL-адрес:
    /en-us/buy-appartment- C0010101
Пример кода:
Вот код страницы:

Код: Выделить всё

import {
generatePropertyDetailMetadata,
} from 'app/[lng]/(property-details)/utils';
import { PropertyDetailContainer } from 'containers/PropertyDetailContainer';
import { getCitiesWithNeighborhoods } from 'lib/services/server/getCitiesWithNeighborhoods';
import { getTrends } from 'lib/services/server/getTrends';
import { isWebViewServer } from 'lib/utils/helpersServer/isWebView';
import { Metadata } from 'next';

import { Box } from 'components/base/components/Box';
import { Container } from 'components/base/components/Container';
import { PageFooterSSR } from 'components/PageFooter/PageFooterSSr';

import { PropertyDetailPageSSRProps } from './types';
import { Suspense } from 'react';

export async function generateMetadata({
params,
searchParams,
}: PropertyDetailPageSSRProps): Promise {
return generatePropertyDetailMetadata({
params,
searchParams,
});
}

export const revalidate = 3600;

const BuyPropertyDetailPage = async ({
params,
searchParams,
}: PropertyDetailPageSSRProps) => {
const isWebView = isWebViewServer() || !!searchParams?.referralOrigin;
return (




params={params}
searchParams={searchParams}
/>



{!isWebView && }

);
};

export default BuyPropertyDetailPage;
Проблема:
Компонент BuyPropertyDetailPage отображается несколько раз без каких-либо изменений в реквизитах.
Что Я пробовал:
Проверил, что реквизиты (params, searchParams) остаются одинаковыми при рендеринге.
Протестировал поведение в рабочем режиме и режиме разработки.

Подробнее здесь: https://stackoverflow.com/questions/793 ... js-v14-0-1
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»