如何缓存自动完成建议数据的反应

Question

我在MongoDB中有一个通用药物数据库，其中包含约3500个文档。我想在React Web应用程序的自动完成输入字段中使用药品名称和品牌名称。

数据可能看起来像这样：

{
"_id": {
    "$oid": "5ed9bf1087263e1ef3d65288"
},
"name": "Ethamsylate + Mefenamic acid",
"brands": [
    {
        "name": "STOP-MF",
        "package": "Tablet",
        "strength": " ",
        "price": "120.00"
    },
    {
        "name": "SYLATE-M 500",
        "package": "Tablet",
        "strength": " ",
        "price": "156.00"
    },

],
}

数据不会经常更改，因此我想在初始加载时将其缓存在客户端。我一直在搜寻这个。我发现的是：

1. 对每个新键入的字符进行HTTP请求是错误的。
2. LocalStorage API易于使用，但需要压缩数据
3. IndexedDb提供了无限的存储空间，但是API相当复杂

我对浏览器中的其他存储选项了解不多。感谢您提供的所有帮助！

Answer 1

您是否尝试过swr？它可以帮助您在客户端缓存数据：D