diff --git a/README.md b/README.md index fba01d3..b100aa5 100644 --- a/README.md +++ b/README.md @@ -84,39 +84,38 @@ const App = () => ( ## 🔨 Usage for SSR ##### 如：create-next-app -项目根目录创建components文件夹，并在其中创建Header.js +创建文件`./pages/_document.js` ```jsx -import React from 'react' -import Head from 'next/head' +import Document, { Html, Head, Main, NextScript } from 'next/document' -const Header = () => ( -
- - - - - -
-) +class MyDocument extends Document { + static async getInitialProps(ctx) { + const initialProps = await Document.getInitialProps(ctx) + return { ...initialProps } + } -export default Header + render() { + return ( + + {/* */} + + + + +
+ + + + ) + } +} + +export default MyDocument ``` ```jsx import dynamic from 'next/dynamic' - -const DynamicComponentWithNoSSR = dynamic(import('../components/Header'), { - ssr: false -}) - const ReactLive2d = dynamic(import('react-live2d'), { ssr: false }) @@ -180,4 +179,4 @@ api 文档 （待完善，如有需要功能欢迎提[issue](https://github.com/ 当menuList 传入非空数组时，其中的字段： | 成员 | 说明 | 类型 | 默认值 | | :-----: | ----- | ----- | ----- | -| Mtab | 切换看板娘 | String | 'Mtab' | \ No newline at end of file +| Mtab | 切换看板娘 | String | 'Mtab' |