appbaseio/reactivesearch

这是什么？

核心功能

• 01提供 20 多个列表、范围、搜索框、结果展示、地图和图表组件。
• 02组件之间可以联动，一处筛选会同步更新整个页面的结果。
• 03通过 ReactiveSearch 云服务支持 Elasticsearch、OpenSearch、Solr 和 MongoDB 作为后端。
• 04AIAnswer 组件基于 OpenAI 模型实现检索增强生成。
• 05组件样式自带且作用域隔离，可通过 ThemeProvider 定制主题。

适用场景

• 为电商网站搭建带分面筛选和价格区间滑块的商品搜索页面。
• 基于 Elasticsearch 或 OpenSearch 开发图书或影视内容搜索应用。
• 在 React 或 Vue 应用中添加由搜索驱动的图表仪表盘。
• 为位置数据提供基于地图的搜索视图。

快速上手

1. 1

   从 npm 安装 React 版本库

   npm install @appbaseio/reactivesearch
2. 2

   如果使用 Vue，请改为从 npm 安装 Vue 版本

   npm install @appbaseio/reactivesearch-vue
3. 3

   按照官方文档中的 React 快速入门指南配置后端和组件

使用前须知

• !查询生成依赖 ReactiveSearch 云服务，需要在其中配置你的搜索引擎。
• !ReactiveChart 仅支持 React，不支持 Vue。

收录于专题

标签

常见问题

reactivesearch 是什么？

面向 React 和 Vue 的搜索 UI 组件库，可对接 Elasticsearch、OpenSearch、Solr 和 MongoDB。 ReactiveSearch 是一个用于 React 和 Vue 的 UI 组件库，帮助开发者搭建搜索和筛选界面。它提供 20 多个组件，涵盖列表、范围滑块、搜索框、结果展示、地图、图表以及 AI 生成答案等类型。组件之间可以联动，页面一处的筛选或搜索操作会实时更新其他位置的结果。

reactivesearch 可以免费使用吗？用的什么许可证？

reactivesearch 以 Apache-2.0 许可证开源。用于商业产品前，请先确认许可证条款。

reactivesearch 还在维护吗？

活跃维护中。reactivesearch 最近一次提交是在 2026年11月5日。

reactivesearch 适合用来做什么？

为电商网站搭建带分面筛选和价格区间滑块的商品搜索页面。 基于 Elasticsearch 或 OpenSearch 开发图书或影视内容搜索应用。 在 React 或 Vue 应用中添加由搜索驱动的图表仪表盘。 为位置数据提供基于地图的搜索视图。

reactivesearch 怎么安装和运行？

从 npm 安装 React 版本库: npm install @appbaseio/reactivesearch 如果使用 Vue，请改为从 npm 安装 Vue 版本: npm install @appbaseio/reactivesearch-vue 按照官方文档中的 React 快速入门指南配置后端和组件

在哪里获取 reactivesearch？

源代码和安装说明在 GitHub 上：https://github.com/appbaseio/reactivesearch