为了过滤掉Algolia搜索结果中的false和undefined结果,可以通过添加自定义过滤器函数进行处理。该函数将被传递给InstantSearch组件中的过滤器属性,以便在搜索期间自定义过滤搜索结果。下面是一个示例代码,只返回结果为true的搜索结果:
import React from 'react';
import { InstantSearch, Configure } from 'react-instantsearch-dom';
import { connectHits } from 'react-instantsearch/connectors';
const Hit = ({ hit }) => {hit.name};
const filterHits = hits => hits.filter(({ name }) => !!name);
const CustomHits = connectHits(({ hits }) => (
{filterHits(hits).map(hit => (
))}
));
const App = () => (
);
export default App;
在上面的示例中,filterHits函数将只返回具有有效名称的结果集。此外,我们还通过connectHits高阶组件将自定义过滤器应用于结果。最后,我们将结果映射到自定义的Hit组件中以呈现结果。