代码之家 › 专栏 › 技术社区 › Richard Barraclough

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

reactivesearch reactjs javascript

1

Richard Barraclough · 技术社区 · 6 年前

我想 <span id="rtxt"></span> 在DOM里然后做这个

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

在 ResultList 很糟糕。

一个怎么样 想象上的 把结果统计放在你想要的地方?

(也可以添加一些数字格式。)

1 回复 | 直到 6 年前

1

0

Divyanshu Maithani 6 年前

最好的办法是在 time_taken 和 total_results 然后以任何方式渲染它们。请注意 onResultStats 实际上是一个渲染道具,用于 render 函数,如果执行 setState 没有任何支票。有一个更好的API规范的建议 here . 现在,您可以在检查 花费的时间 是不同的。例子:

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

既然你把它放进去了 state 你可以把它呈现在任何适合你需要的地方。