16、数据过滤、搜索与 React Router 测试实践

数据过滤、搜索与 React Router 测试实践

1. 数据过滤与搜索优化

在数据获取逻辑中，为了简化 fetchData 函数内的逻辑，我们创建了 searchParams 函数。该函数根据 after 和 searchTerm 的值生成搜索参数。以下是具体代码：

const searchParams = (after, searchTerm) => {
  let pairs = [];
  if (after) { pairs.push(`after=${after}`); }
  if (searchTerm) { pairs.push(`searchTerm=${searchTerm}`); }
  if (pairs.length > 0) {
    return `?${pairs.join('&')}`;
  }
  return '';
};

随后，更新 fetchData 函数以使用这个新函数：

const fetchData = async () => {
  let after;
  if (lastRowIds.length > 0)
    after = lastRowIds[lastRowIds.length - 1];
  const queryString = searchParams