使用nextjs呈现html页面的特定部分

时间:2020-07-09 14:46:24

标签: html reactjs next.js

我正在尝试仅将部分网站使用nextjs。
导航栏已存在于其他框架中,甚至没有反应。我想在<div id="nextjs_div">...</div>中使用nextjs,即只是我网站的一部分。

问题在于nextjs渲染具有头部和身体组件的整个HTML页面。因此,我基本上想要删除这些组件,并仅渲染将在我的页面中挂载的一个div。

我尝试修改page/_document,但无法成功。

您是否知道我该怎么做。

1 个答案:

答案 0 :(得分:0)

Next.js是一个旨在创建完整页面的框架,并且很可能不适合用于创建页面的一部分。然后,您可以只使用React。

如果您可以从导航栏中创建HTML,则可以将其插入Next.js项目。

请参见Add HTML header to Document.js example