AppBase / Reactive search 是一个用于构建交互式搜索应用的开源库。它提供了一种从 id 数组筛选数据的策略,可以使用以下代码示例来实现:
npm install @appbaseio/reactivesearch
import React from 'react';
import { ReactiveBase, ReactiveList } from '@appbaseio/reactivesearch';
const appbaseConfig = {
// AppBase 的连接信息
app: '',
credentials: '',
url: 'https://.appbase.io',
};
const index = ''; // 索引名称
const reactiveListConfig = {
size: 10, // 返回结果的数量
dataField: '_id', // 数据字段
react: {
and: ['filter'], // 过滤器组件的连接关系
},
};
const App = () => {
return (
(
{data.map(item => (
- {item.name}
))}
)}
/>
);
};
export default App;
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
ReactDOM.render( , document.getElementById('root'));
这样,你就可以使用 AppBase / Reactive search 库从 id 数组中筛选数据了。根据你的索引结构和搜索需求,可能需要进行一些适当的更改。