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

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规范的建议在这里 。 现在，您可以在检查time_taken是否不同之后更新组件的状态。 例：

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

现在，您已处于state ，可以按照自己的需要进行渲染。