问题标签 [reactivesearch]

我正在试验ReactiveSearch，到目前为止已经尝试过 DataSearch 和 ResultList 组件。我正在查看所需的组件以查看所有道具，我看到了

如果该应用程序已经使用 Appbaseio 进行了保护，并且凭据使我的 React 应用程序可以访问我托管在那里的 ES 集群……标头究竟可以用来做什么？起初我以为用户名和密码，但你不会那样做。

我应该/可以使用 headers 道具的一些场景是什么？

我试图弄清楚如何 ReactiveList 在结果页面上显示相关的搜索功能。似乎我在 appbaseio 上的 es 应用程序在页面闲置几分钟后仍继续添加链接，根本没有用户交互。

这是我的 ReativeList 组件代码

我认为页面、大小和流（及其设置）会停止流式传输（或任何导致它的原因）？

我正在试验 ReactiveSearch 并使用 ReactiveList 组件。

我试图弄清楚如何在我的 React 应用程序中导航并且仍然能够搜索。

假设我在回家路线上'/'，使用 DataSearch 组件进行自动完成，这会将我带到结果页面'/results，但我没有得到任何结果！

为了获得结果，我必须搜索并停留在'/results'页面上。我在标题中的 DataSearch 组件上是否缺少一个道具：

同样，为了获得结果，我必须从结果页面上的 DataSearch 组件中进行搜索。当我从 Header 中的 DataSearch 组件进行搜索时，搜索不起作用。

那么如何将其设置为能够从我可能在的任何路线上执行搜索（例如，从 Header 中的 DataSearch 组件搜索）？

我正在使用 Reactivesearch 中的 DataSearch 来实现自动完成功能，我试图弄清楚如何获取用户选择的查询并将其添加到我在 Appbaseio 托管的自动完成索引中？

当我说用户选择的查询时，我的意思是输入或从 DataSearch 组件下拉列表中选择的查询。

这是我到目前为止想出的

上面的 onValueSelected 直接取自docs。看来这是我需要使用的属性才能做到这一点。我只是不确定如何将它连接到我的 Appbaseio ES 索引？

我正在尝试使用 ReactiveSearch 的 DataSearch 组件和 appbase-js 索引用户的查询。

所以我为 appbase-js 与 appbaseio 交互制作了我的 Node/Express 应用程序。在 app.js 中：

然后这是我的 search.js

然后这是我的 DataSearch 组件：

我在另一个问题中被告知不要这样做：

以免在客户端暴露敏感信息

我不确定如何从我的 React 前端获取值（用户的查询）到我的 Node/Express 后端，以便它可以被索引到 Appbaseio 上的 ES 应用程序？

有没有人知道如何处理一些响应式搜索组件的 URLParams 的 url 写入next-routes？

我的模式，比方说一些国家过滤器，应该是这样的：pattern: '/country/:countryname/而不是?country="{countryname}"

这就是我实现它的方式：

我已经按照 ReactiveSearch 的教程进行操作，并且我将它与 React 和 Appbase.io 上的托管 Elastic 实例一起使用。

我希望用户看到自动建议，但只能从建议列表中进行选择（因此，如果“foo”不在建议列表中，则不应执行查询）。

这是因为我不想有搜索结果页面，只是为了让应用程序根据所选值立即将您带到正确的页面。

我以为我可以使用strictSelection和onValueSelected来做到这一点，但它仍然允许像“foo”这样的值（这不是自动完成值）通过。

Codesandbox 链接：https ://codesandbox.io/embed/wqjpoq25w

我已经按照 ReactiveSearch 的教程进行操作，并且我将它与 React 和 Appbase.io 上的托管 Elastic 实例一起使用。我目前有一个自动完成的搜索框，如下面的 CodeSandbox 所示。

我正在尝试这样做，以便 onValueSelected 行为可以引用 dataField 中的值。例如，如果您键入一个值，代码将引导您到 document.location.href = './${name}'

想象一下输入“ap”，按回车键并被带到“/apple”，因为这是第一个结果。我找不到任何有关在 onValueSelected 代码中引用“名称”的信息。

CodeSandbox 链接：https ://codesandbox.io/embed/wqjpoq25w

我已经使用 ReactiveSearch 组件构建了一个搜索 ui，效果很好！现在我试图弄清楚如何根据正在显示的路线/视图有条件地显示我在导航栏中拥有的DataSearch 组件。

例如在我的主页上。我在 jumbotron 中有一个大的 DataSearch 组件搜索表单，我不需要/想要也显示在导航栏中的 DataSearch 组件。

我已经看过这个和这个，但我不确定如何在 ReactiveSearch 的 DataSearch 组件的上下文中实现这些。

更新：

所以我一直在研究如何从 React Router (v4) 中获取 url，看来我可以这样做：

所以后来我想我可以使用类似的东西，location !== '/' && DataSearch但这不起作用。

我正在使用 ReactiveSearch 搜索组件为我的搜索应用程序构建一个漂亮的 UI。我正在使用道具 onQueryChange 来调用一个函数，该函数用于在用户提交搜索查询后路由到搜索结果页面。

用户使用 DataSearch 组件提交查询后，如何使用 React Router v4 重定向到搜索结果页面？

到目前为止我有

我在这里查看并尝试针对我的用例进行更改。但是，它不起作用。

UDPATE：

关于我下面的评论。我记得我以前问过类似的问题，所以我去我的个人资料看看能不能找到它，我找到了。我将这些信息与此结合起来，我相信我能够提出解决方案：