Algolia即时搜索结果导致“未定义”

编程问答 2022-08-15

问题描述

任何人都可以帮助为我们的开源非营利项目设置Algolia搜索框吗？

站点在这里：https://goodhere.org

GitHub仓库在这里：https://github.com/goodhere/goodhere

我已经在托管网站的Netlify上设置了环境变量，并将索引添加到了Algolia，但是搜索框不起作用/无法搜索结果。

我们在客户端上看到了来自Algolia的完整结果对象，因此该错误位于前端模板中。

此刻，即时搜索结果显示一个空框，并链接到“未定义”的项目（404页），而不是项目的各个概要文件。

我们知道根本原因是在第36行附近，因为前端显示undefined，例如/organizations/undefined。

更深入地研究，看来最好的故障排除方法可能是减少了几行： <li key={hit.objectID} className="border-b border-gray-200">

由于某些原因，hit.objectID在组件中不可用。

但是我们知道objectID在Algolia结果中可用，如我们从控制台中提取结果对象所见：

{
  "results": [
    {
      "hits": [
        {
          "Name": "Standard  terminology for COVID-19 lab testing","objectID": "2324267002","_highlightResult": {
            "Name": {
              "value": "Standard  terminology for COVID-19 lab <ais-highlight-0000000000>test</ais-highlight-0000000000>ing","matchLevel": "full","fullyHighlighted": false,"matchedWords": [
                "test"
              ]
            }
          }
        },// truncated
      ],"nbHits": 23,"page": 0,"nbPages": 3,"hitsPerPage": 8,"query": "test","index": "Pages"
    }
  ]
}

因此，练习的目的是弄清楚为什么hit数据对象没有加入到组件中。

有人可以帮忙吗？

解决方法

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

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

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

airtablealgoliagatsbynetlifyreactjsreactjs