问题标签 [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 回答
2184 浏览

elasticsearch - 将 ReactiveSearch 与普通弹性搜索一起使用

我想将响应式搜索与我自己的普通弹性搜索集群一起使用。虽然示例和文档描述了这应该是可能的:ReactiveBase,请参阅url参数。wss://..我收到连接错误和一个看起来像是ReactiveBase试图连接到appbase.io托管弹性的 Websocket 调用。它还将凭据代码与对我的代码中未指定的弹性的调用一起传递。

是否可以连接到普通的弹性,我在哪里可以找到有关如何执行此操作的文档?

这是我的定义ReactiveBase

连接错误

为了实现这个例子,我遵循了ReactiveSearch 快速入门

0 投票
0 回答
221 浏览

reactjs - 如何创建 ReactiveSearch 分层复选框菜单?

使用 Reactive Search UI Kit 我如何创建像这样的分层菜单(但使用传统的复选框):

在此处输入图像描述

该组件将从 ES 索引中获取数据,其记录如下所示:

我试图仅在“选择”国家/地区时显示城市。用户可以选择多个国家的城市。

谢谢

0 投票
2 回答
1281 浏览

javascript - 如何在 ReactiveList 中获得所有结果

我尝试对所有数据使用,但它不起作用,因为我只能获得“大小”参数中所述的结果数量。这是我的代码的一部分。

0 投票
2 回答
741 浏览

reactjs - ReactiveSearch 仅自动完成

我只想将 ReactiveSearch 库用于自动完成提交。

我尝试使用上面的输入进行输入<DataSearch ... />并且它可以工作,但它没有提交选项。我试图用表单包装它,但是在输入或选择值后它不会触发。

有什么建议么?

0 投票
0 回答
818 浏览

reactjs - 带有 Elasticsearch CORS 错误的 ReactiveSearch (ReactJS)

我正在尝试将我的前端 React 应用程序与本地弹性搜索节点连接起来。我正在使用ReactiveSearch连接弹性搜索。我的服务器在 Digital Ocean 上运行,它运行的是 Ubuntu 16.04。我按照他们的快速入门指南让 elasticsearch 在服务器上运行,并将以下几行添加到我的 elasticsearch.yml 文件中:

http.cors.enabled: true http.cors.allow-origin: "*" http.cors.allow-methods: OPTIONS,HEAD,GET,POST,PUT,DELETE http.cors.allow-headers: X-Requested-With,X-Auth-Token,Content-Type,Content-Length

我的 ReactJS 组件看起来与 ReactiveSearch 入门所说的完全一样:

但是,我收到预检请求标头的 CORS 错误:

在此处输入图像描述

当我尝试访问 url:http://localhost:9200/users/active/_msearch时,我收到以下回复:

但是,如果我转到 url:http://localhost:9200/users/active/1它实际上可以工作并显示该对象:

{"_index":"users","_type":"active","_id":"1","_version":1,"found":true,"_source":{ "name": "Jon Stevens", "email": "jon@vendorpay.io" }}

这到底是怎么回事??任何帮助是极大的赞赏!

请求/控制台的屏幕截图:

在此处输入图像描述

在此处输入图像描述

0 投票
1 回答
191 浏览

javascript - 反应式搜索字段名称中的转义冒号

我正在测试一个非常基本的反应式搜索实现。

我的代码如下: import React, { Component } from 'react'; 从“@appbaseio/reactivesearch”导入 { ReactiveBase、DataSearch、ResultCard };从'./logo.svg'导入标志;导入'./App.css';

我在索引中的字段如下所示:

在上面的例子中,当我调用字段时,res.image它可以完美地工作。field_product:title但是, &之类的字段会field_product:commerce_price:amount返回如下错误:

语法错误:意外令牌,预期,(34:41)

访问带有冒号的字段的正确方法是什么?有没有办法逃脱它?

0 投票
1 回答
70 浏览

javascript - 反应式搜索:在页面上放置结果计数文本

我认为放入<span id="rtxt"></span>DOM 然后执行此操作

ResultList是坏的。

应该如何将结果统计数据放在想要的地方?

(也可以添加一些数字格式。)

0 投票
2 回答
829 浏览

elasticsearch - ReactiveSearch 的 Elasticsearch CORS 错误

我已经有一个用于 jwt 身份验证的 Node/Express 服务器设置,可与我的 Create React App 一起使用。我正在使用 CORS npm 包和简单的中间件app.use(cors());来解决预期的 CORS 相关问题及其正常工作。

现在我想将 Elasticsearch 和ReactiveSearch添加到我的 React 应用程序中,并试图弄清楚如何克服我的本地 ES 实例的 CORS 问题。

我的第一个猜测是我需要创建一个单独的 searchRoutes.js 文件并实现 ES 在本地工作并与我的 React 应用程序连接所需的任何 CORS 代码?

我一直在关注 ReactiveSearch 的文档(使用 http-proxy-middleware)并且没有任何成功......不断收到这个 CORS 错误:无法加载http://localhost:9200/query-index/_msearch?: Access-Control-Allow-Headers 在预检响应中不允许请求标头字段内容类型。

即使我相信我已经实施了 CORS 预检解决方案

欢迎任何建议、链接或教程

更新:这是我的 Nodejs index.js(服务器)

0 投票
2 回答
731 浏览

reactivesearch - 使用响应式搜索查询多个索引

我意识到可以使用 ReactiveBase 建立与索引的连接,然后使用组件从该索引查询和返回信息。

有没有办法绑定到多个索引并在它们之间搜索一个字段或返回来自这些多个索引的字段“合并”的结果?

0 投票
1 回答
486 浏览

reactivesearch - 如何在响应式搜索中过滤 _source?

我需要从弹性响应中的字段中排除某些字段,_source因为这些字段很大并且不必要地转移它们会浪费大量时间。通常,在弹性中,这是通过_source在查询中提供参数来完成的,例如:

例如,Searchkit 会自动排除突出显示的字段(这在我的情况下是理想的),但也支持用户提供_source过滤器的选项,而不考虑突出显示。ReactivesearchDataSearch组件似乎缺少这种能力。

我不知道如何将_source(或任何其他搜索参数)添加到响应式DataSearch搜索查询中。那可能吗?