问题标签 [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.
google-maps-api-3 - 将 Reactive Maps 与 Google maps Javascript Api 一起使用时出错
我正在尝试使用 Elasticsearch 中的一些索引文件来构建和应用 ReactiveSearch 和 ReactiveMaps。
Elasticsearch 中的索引文件有一个字段“位置”,例如:
以及“标题”或“作者”等其他字段。
我有一个谷歌地图 API 密钥,在我的 App.js 文件中我有这些组件:
在同一个文件(“App.js”)中,我有以下几行:
同样在文件 Public/index.html 我有
但是,当我在 mainBar 中搜索任何文档时,我找到了它,但是,当我单击它时,它并没有出现在地图中。
我究竟做错了什么?
reactjs - ReactiveSearch:是否可以在 SingleDataList 组件上组合标签值?
我正在尝试在反应式搜索中组合 SingleDataList 中的标签值。使用他们在下面提供的示例:
这是他们提供的示例
我的问题是是否可以将社交和冒险的价值观结合到另一个名为“社交+冒险”的标签中?
我尝试使用下面的一些逻辑运算符来测试它,如下所示但不起作用。
有什么方法可以做到这一点吗?
谢谢
reactivesearch - 反应式搜索 onValueSelected
我有以下连接到我的数据源的自动完成设置:
每当我选择自动完成建议之一时,我只想提醒选择的值。
我尝试添加以下内容:
但我得到一个Duplicate attribute '}'
错误
我正在使用 Vue。
谢谢!
vue.js - 在 ReactiveSearch Vue 组件中寻找 @valueChange 的示例实现
我正在努力让 @valueChange 事件的任何实现在 Vue 组件中工作。
我已将其添加到此处的“官方”教程之一中,但我只会收到错误。
我想要的只是在搜索中选择的值发生变化时记录/警告一条消息。
在这里,您可以看到我在第 24 行尝试添加事件: https ://codesandbox.io/s/4z4vy9zpw
谢谢!
reactjs - 如何使用 DataSearch 作为 Reactivesearch 的受控组件?
我是 ReactiveSearch 库的新手,我使用自动建议实现了 DataSearch 组件作为我的站内 SearchBar。我添加了value
andonChange
以将输入值存储为状态,但是一旦添加了value
道具,我就无法再在搜索栏中输入内容了。怎么了?
我也想知道当我点击其中一个建议触发某个事件时,我可以使用什么样的回调函数,我试过了onClick
,但没有奏效。这是我的代码,任何帮助表示赞赏!
reactjs - 有没有办法有一个默认的搜索条件
我正在使用反应式搜索来搜索我的弹性搜索索引。我希望索引中的一个字段是默认值。例如,在此应用程序的根级别中,您选择一个项目。当您进一步进入应用程序时,您可以搜索。现在,您正在搜索所有项目。
我制作了一个用 css 隐藏的切换按钮。这种方法是一种 hack,在我清除所有过滤器之前一直有效。没有人看到的那个切换按钮会清除项目,然后我再次看到所有项目的结果。
有没有办法设置默认搜索条件?
reactjs - 有没有办法查看 ReactiveSearch 生成的查询
我正在开发一个带有反应式搜索的项目,我想查看生成的查询。可以这样做吗?
reactjs - 反应式组件中的嵌套查询 - ReactJS
我尝试使用 setQuery() 道具更新组件的查询。我的数据结构是这样的。
我需要在类别 1 下获取项目 1。当用户选择项目 1时,我会像这样更新查询。但它不起作用。
我尝试找出如何使用嵌套查询来解决这个问题。但我找不到任何有用的东西。请给我任何线索来实现这一目标。
javascript - 如何在 ResultCard 中实现 onclick 并将 div 与另一个组件交换
我想在 ResultCard 中显示用户点击的详细信息。
当用户单击结果卡中的 url 时,我想根据在我的弹性搜索集群(res)中找到的结果,用呈现的 html 替换 divs 内容(当前显示的结果)。
我尝试添加 onclick 属性,但没有任何反应。Reactivesearch 文档没有列出这个属性。
当然,我可以在 ResultCard 的 url 属性中传递参数并将用户重定向到另一个页面,但页面将完全重新加载(使用 index.js 中定义的菜单和页脚)
我认为创建具有状态镜像的父组件在 div 中当前显示的子组件是要走的路。
但是,当用户点击结果卡时,如何运行 javascript 来设置状态?
预期的结果是使用来自另一个组件(尚未编码)的呈现的 html 更改 div 内容。