如何通过使用REST API调用作为触发条件的nodejs服务器上的React代码生成静态html页面?

问题描述

是否可以从React代码和REST API生成静态HTML页面作为触发器?我将提供一个用例来描述我的问题。

假设我正在使用creat-react-app构建一个简单的Notes SPA react应用程序。 UI允许用户查看所有注释的列表,添加,编辑和删除注释。单击便笺将链接到该便笺页面,该页面显示更多信息。 CRUD操作通过使用MongoDB作为数据库的节点js服务器上托管的REST API来完成。

此注释网站供教室使用-一位老师有权进行CRUD操作,而所有学生完全是被动的,只能查看(读取)数据。从这个角度来看,很明显,学生使用的网站可能是一个完全不同的react项目,尤其是,一个静态网站用于注释列表,而每个注释则一个静态网站-因为它仅使用REST API来获取数据并在<NoteListItem /><NotePage />对每个音符的反应成分都相同。

显示整个列表的静态页面可以包含一个div,该div可以动态获取列表,但是单击注释时,将显示此注释的静态网站。当老师添加新笔记时,将对my-host / api / addNote进行API调用,并且在该控制器的末尾,我希望添加一个函数generateStaticPage(noteId)生成该笔记静态页面。 / p>

这是基本概念,它暗示着在SSR / react-static中使用一些已知概念,您可以在其中定义动态范围,静态,模板等。

一个可能的解决方案是像react-static这样的库,但是添加注释后如何立即构建页面?有没有可以帮助我实现这一目标的库?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)