在Pug模板中呈现动态内容

使用NodeJS构建一个web应用程序,我使用 React 和 Pug 在一起我知道帕格是用来呈现静态内容的 反应 负责呈现动态内容。我有一个页面,两者都需要。

想想Instagram网页,它有一些静态内容,但当用户向下滚动到底部时,它会加载更多图片。

我有一个 帕格 模板,最后,我把 反应 脚本如下:

block scripts
    script(src="/component/design-grid.js" type="module") 

我想通过以下操作触发我的react代码(这行不通):

script ReactDOM.render(<DesignGrid mainPage={true} category={"daily"} verified={false}/>, document.getElementById("grid-container"));

完成这种事情的标准方法是什么?