我在显示列表的母版页上执行GraphQL查询。当我单击一个项目时,我导航到详细信息页面。但是,当我导航回主页时,查询结果会丢失。有什么办法可以保留结果吗?
这是我的母版页代码:https://github.com/nareshbhatia/foodie-react-web/blob/master/src/pages/HomePage/HomePage.tsx
export const HomePage = () => {
...
const { loading, error, data, fetchMore } = useQuery(
BUSINESS_SEARCH_QUERY,
{
variables: {
term,
location,
sortBy,
price: keySetToString(priceFilter),
categories: keySetToString(categoryFilter),
attributes: keySetToArray(attributeFilter),
openNow,
offset: 0,
limit: 20
},
skip: location.length === 0
}
);
return (
<ViewVerticalContainer>
<VerticalContainer>
{!loading && (
<BusinessList
total={total}
businesses={businesses}
loadMoreItems={loadMoreItems}
/>
)}
</VerticalContainer>
</ViewVerticalContainer>
);
};