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

Question

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

我正在寻找的是，一个选项来存储数据并从那里进行查询，而不需要从头开始实现后端。这有可能吗？从我迄今为止的研究中，我发现到目前为止，我需要将所有的信息存储到一些存储服务中，比如Firebase或Firestore，并且需要从整个应用程序中检索数据，只有thenI才能使用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