在没有后端的react应用程序中搜索查询

Question

是否有人用静态数据创建了一个react网站，该网站没有后端存储信息，但需要在前端添加查询/搜索功能，可以从整个应用程序中获取信息(可以出现在应用程序多个页面上的特定关键字(？

我正在寻找的是，一个存储数据并从那里进行查询的选项，而无需从头开始实现后端。这可能吗？从我目前的研究来看，到目前为止，我发现我需要将所有信息存储到一些存储服务中，如Firebase或Firestore，并需要从整个应用程序中检索数据，只有这样，我才能使用第三方应用程序(如typesense或algolia(实现搜索功能。但没有找到任何基于此的具体例子。我是反应的初学者，所以任何形式的帮助都将不胜感激。

Answer 1

您可以使用本地存储API在前端保存数据。您可以使用将JSON对象作为字符串存储在本地存储中

localStorage.setItem('my-key', jsonObjectString);

稍后您可以使用检索对象

const textFromStorage = localStorage.getItem('my-key');
let jsonObject = JSON.parse(textFromStorage)
// Now you can do your query here