reactivesearch：在页面上放置结果计数文本

Question

我假设将<span id="rtxt"></span>放在DOM中然后执行此操作

onResultStats={function (time_taken, total_results) { $('#rtxt').text('Found ' + total_results + ' products (' + time_taken + 'ms).'); return null; }}

ResultList中的

很糟糕。

如何将假设将结果统计数据放在需要的位置？

（也可以添加一些数字格式。）

Answer 1

执行此操作的最佳方法是将time_taken和total_results存储在组件的状态，然后以所需的任何方式呈现它们。请注意，onResultStats实际上是一个渲染道具，并且在render函数内部使用，如果您不做任何检查而进行setState，则会导致无限循环。有人提出了更好的API规范here的建议。现在，您可以在检查time_taken是否不同之后更新组件的状态。示例：

onResultStats={(total, time) => {
  if (this.state.total !== total) {
    this.setState({ total, time })
  }
  return null;
}

现在您可以在state中使用它了，您可以按照自己的需要进行渲染。