视图导航到另一页时,Apollo GraphQL查询结果丢失

时间:2019-12-29 21:42:02

标签: reactjs graphql apollo

我在显示列表的母版页上执行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>
    );
};

0 个答案:

没有答案