Reactjs 如何在页面更改时清除Apollo被动VAR

Reactjs 如何在页面更改时清除Apollo被动VAR,reactjs,react-hooks,apollo,apollo-client,react-apollo,Reactjs,React Hooks,Apollo,Apollo Client,React Apollo,我已经在模块级创建了一个反应式var // myModule.js export const myNewVar = makeVar(0); export const useNewVar = () => useReactiveVar(myNewVar); expect const updateVar = (x) => myNewVar(x); 我有一个组件,它允许修改值 // MyComponent.js export const MyComponent = () => {

我已经在模块级创建了一个反应式var

// myModule.js
export const myNewVar = makeVar(0);
export const useNewVar = () => useReactiveVar(myNewVar);
expect const updateVar = (x) => myNewVar(x);
我有一个组件,它允许修改值

// MyComponent.js
export const MyComponent = () => {
    const value = useNewVar();
    return (
        <div onClick={() => updateVar(value++)>
            <span>{value}</span>
        </div>
    )
}
//MyComponent.js
导出常量MyComponent=()=>{
const value=useNewVar();
返回(
updateVar(值++)>
{value}
)
}
我的问题

当用户离开此页面然后返回时,是否有一种优雅的、开箱即用的方法将此变量(以及所有其他变量)重新初始化为初始值