搜索 Redux 与搜索 API

Question

我正在为网站开发搜索功能。创建简单搜索的要求之一，我们可以在其中搜索一个或多个参数。

目前的迭代是使用 Redux 从数据库中获取所有内容，然后过滤一个数组。

 private searchByAll = () => {
  const filteredArray : Array<Invoice> = this.props.invoices.filter((invoice : Invoice) => {
    return(
      invoice['invoiceNumber'].toString() === this.state.queryText ||
      invoice['vendor'].toString().toLowerCase() === this.state.queryText.toString().toLowerCase() ||
      invoice['purchaser'].toString().toLowerCase() === this.state.queryText.toString().toLowerCase()
    )
  })

  this.checkArray(filteredArray); 
}

我想知道这样做是否正确，或者我是否应该设置一个 API 端点来搜索数据库。我只是不确定哪种方法最适合处理这个问题。随着应用程序的增长并且有 100 条记录，我觉得 API 路由可能最适合性能。

Answer 1

如果您的本地 Redux 商店中已有数据，那么这就是您要搜索的内容。但是，如果您的数据并不总是加载到前端，您将希望运行在服务器上进行搜索并将 return 结果发送到前端。

搜索 Redux 与搜索 API

Searching Redux vs Searching API

reactjs

.net-core

react-redux