Question

我将设置一个React门户，因此在根HTML中添加如下模式容器：

<div id="app-root"></div>
<div id="modal-root"></div> // new container added

请问如何在NextJS中做到这一点？

感谢您的任何建议

Answer 1

我想您可以在_document.js文件夹下的pages中进行此操作：

import Document, { Head, Main, NextScript } from 'next/document';

export default class MyDocument extends Document {
 render() {
    return (
      <html>
        <Head />
        <body>
          <Main />
          <NextScript />
          <div id="modal-root" />
        </body>
      </html>
    );
  }
}

如何将根容器添加到NextJS？

1 个答案: