reactjs - 如何使用 Algolia 获得当前的细化 *count*？

Question

React InstantSearch提供了一个CurrentRefinements组件，它给出了当前选择的细化。

但我想要的只是获得应用的过滤器（改进）的数量。我觉得这应该很容易，但在过去的 4 个小时里一直在努力解决这个问题。

编辑：你可以在这里看到一个工作示例<CurrentRefinements>

但同样，我的目标不是列出当前的改进，而是计算总共应用的改进数量。

Answer 1

我使用他们提供的连接器之一让它工作。这是解决方案：

import React, {Component} from 'react'
import {connectCurrentRefinements} from 'react-instantsearch/connectors'

class RefinementCount extends Component {
  render() {
    return (
      <h1>filtered: {this.props.items.length}</h1>
    )
  }
}

export default connectCurrentRefinements(RefinementCount)

相关文档：https ://community.algolia.com/react-instantsearch/connectors/connectCurrentRefinements.html