/
githubmirror
/
next.js
Обзор
Документация
Войти
/
githubmirror
/
next.js
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
canary
errors/class-component-in-server-component.mdx
57 строк
1 KB
Delba de Oliveira
Docs IA 2.0: Server and Client Components (#79143)
15 май 2025, 16:26
Не верифицирован
15 май 2025, 16:26
9c757f6
Код
Авторство
О чём код?
--- title: React Class component rendered in a Server Component --- ## Why This Error Occurred You are rendering a React Class Component in a Server Component, `React.Component` and `React.PureComponent` only works in Client Components. ## Possible Ways to Fix It Use a Function Component. ### Before ```jsx filename="app/page.js" export default class Page extends React.Component { render() { return <p>Hello world</p> } } ``` ### After ```jsx filename="app/page.js" export default function Page() { return <p>Hello world</p> } ``` Mark the component rendering the React Class Component as a Client Component by adding `'use client'` at the top of the file. ### Before ```jsx filename="app/page.js" export default class Page extends React.Component { render() { return <p>Hello world</p> } } ``` ### After ```jsx filename="app/page.js" 'use client' export default class Page extends React.Component { render() { return <p>Hello world</p> } } ``` ## Useful Links - [Server Components](/docs/app/getting-started/server-and-client-components)