reactjs - React SWR，如何过滤/排序数据

Question

我有典型的获取请求

const { data } = useSWR(
  ['api/projects', API_KEY],
  fetcher
);

获取数据后，我想过滤项目，在我的情况下基于当前的 GPS 位置。
那么如何更好地做到这一点呢？
赞 onSuccess(data, key, config)将数据存储到我的状态并在过滤工作之后？
或者我应该以某种方式使用突变并过滤缓存数据？

Answer 1

您可以简单地将数据过滤到一个新数组中，并根据该数组渲染组件。像这样的东西:

const { data:projects, error } = useSWR(
    ['api/projects', API_KEY],
    fetcher
);
if(error) return (<ErrorScreen />);
if(!data) return (<Loading />);
let availableProjects = projects.filter(p => availabilityChecker(p.location));
return (
    availableProjects.map(p => (<Project key={p.id} project={p} />));
);