问题标签 [reactivesearch]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
108 浏览

google-maps-api-3 - 将 Reactive Maps 与 Google maps Javascript Api 一起使用时出错

我正在尝试使用 Elasticsearch 中的一些索引文件来构建和应用 ReactiveSearch 和 ReactiveMaps。

Elasticsearch 中的索引文件有一个字段“位置”,例如:

以及“标题”或“作者”等其他字段。

我有一个谷歌地图 API 密钥,在我的 App.js 文件中我有这些组件:

在同一个文件(“App.js”)中,我有以下几行:

同样在文件 Public/index.html 我有

但是,当我在 mainBar 中搜索任何文档时,我找到了它,但是,当我单击它时,它并没有出现在地图中。

我究竟做错了什么?

0 投票
0 回答
78 浏览

reactjs - ReactiveSearch:是否可以在 SingleDataList 组件上组合标签值?

我正在尝试在反应式搜索中组合 SingleDataList 中的标签值。使用他们在下面提供的示例:

https://codesandbox.io/s/github/appbaseio/reactivesearch/tree/dev/packages/web/examples/SingleDataList?from-embed

这是他们提供的示例

我的问题是是否可以将社交和冒险的价值观结合到另一个名为“社交+冒险”的标签中?

我尝试使用下面的一些逻辑运算符来测试它,如下所示但不起作用。

有什么方法可以做到这一点吗?

谢谢

0 投票
1 回答
101 浏览

reactivesearch - 反应式搜索 onValueSelected

我有以下连接到我的数据源的自动完成设置:

每当我选择自动完成建议之一时,我只想提醒选择的值。

我尝试添加以下内容:

但我得到一个Duplicate attribute '}'错误

我正在使用 Vue。

谢谢!

0 投票
1 回答
139 浏览

vue.js - 在 ReactiveSearch Vue 组件中寻找 @valueChange 的示例实现

我正在努力让 @valueChange 事件的任何实现在 Vue 组件中工作。

我已将其添加到此处的“官方”教程之一中,但我只会收到错误。

我想要的只是在搜索中选择的值发生变化时记录/警告一条消息。

在这里,您可以看到我在第 24 行尝试添加事件: https ://codesandbox.io/s/4z4vy9zpw

谢谢!

0 投票
1 回答
412 浏览

reactjs - 如何使用 DataSearch 作为 Reactivesearch 的受控组件?

我是 ReactiveSearch 库的新手,我使用自动建议实现了 DataSearch 组件作为我的站内 SearchBar。我添加了valueandonChange以将输入值存储为状态,但是一旦添加了value道具,我就无法再在搜索栏中输入内容了。怎么了?

我也想知道当我点击其中一个建议触发某个事件时,我可以使用什么样的回调函数,我试过了onClick,但没有奏效。这是我的代码,任何帮助表示赞赏!

0 投票
1 回答
55 浏览

reactivesearch - 在搜索结果中仅显示文本示例

我正在使用 ReactiveSearch(很棒的搜索 UI 库!),并试图弄清楚如何在 ReactiveList 搜索结果中显示大量的文本文章。目前它显示了整篇文章,但我只想显示前 250 个单词左右。

在此处输入图像描述

我只想说前 250 个字。ReactiveList 有可能吗?如果是这样,我该如何去做,或者 ReactiveSearch 是否缺少我的功能设置?

这是当前显示它的简单行:

0 投票
1 回答
145 浏览

reactjs - 有没有办法有一个默认的搜索条件

我正在使用反应式搜索来搜索我的弹性搜索索引。我希望索引中的一个字段是默认值。例如,在此应用程序的根级别中,您选择一个项目。当您进一步进入应用程序时,您可以搜索。现在,您正在搜索所有项目。

我制作了一个用 css 隐藏的切换按钮。这种方法是一种 hack,在我清除所有过滤器之前一直有效。没有人看到的那个切换按钮会清除项目,然后我再次看到所有项目的结果。

有没有办法设置默认搜索条件?

0 投票
1 回答
90 浏览

reactjs - 有没有办法查看 ReactiveSearch 生成的查询

我正在开发一个带有反应式搜索的项目,我想查看生成的查询。可以这样做吗?

0 投票
1 回答
201 浏览

reactjs - 反应式组件中的嵌套查询 - ReactJS

我尝试使用 setQuery() 道具更新组件的查询。我的数据结构是这样的。

我需要在类别 1 下获取项目 1。当用户选择项目 1时,我会像这样更新查询。但它不起作用。

我尝试找出如何使用嵌套查询来解决这个问题。但我找不到任何有用的东西。请给我任何线索来实现这一目标。

0 投票
2 回答
343 浏览

javascript - 如何在 ResultCard 中实现 onclick 并将 div 与另一个组件交换

我想在 ResultCard 中显示用户点击的详细信息。

当用户单击结果卡中的 url 时,我想根据在我的弹性搜索集群(res)中找到的结果,用呈现的 html 替换 divs 内容(当前显示的结果)。

我尝试添加 onclick 属性,但没有任何反应。Reactivesearch 文档没有列出这个属性。

当然,我可以在 ResultCard 的 url 属性中传递参数并将用户重定向到另一个页面,但页面将完全重新加载(使用 index.js 中定义的菜单和页脚)

我认为创建具有状态镜像的父组件在 div 中当前显示的子组件是要走的路。

但是,当用户点击结果卡时,如何运行 javascript 来设置状态?

预期的结果是使用来自另一个组件(尚未编码)的呈现的 html 更改 div 内容。