javascript - 反应式搜索：在页面上放置结果计数文本

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_takenand存储total_results在组件的状态中，然后以您想要的任何方式呈现它们。请注意，这onResultStats实际上是一个渲染道具，并且在内部函数内部使用，如果您在没有任何检查的情况下render执行 a 将导致无限循环。这里setState有一个更好的 API 规范的提议。现在，您可以在检查是否不同后更新组件的状态。例子：time_taken

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

现在你有了它，state你可以用任何适合你需要的方式渲染它。