mirrors/TidGi-Desktop
1
Fork 0
mirror of https://github.com/tiddly-gittly/TidGi-Desktop.git synced 2025-12-15 15:10:31 -08:00
Code Issues Projects Releases Packages Wiki Activity

fix: arrow function as useObservable param cause infinite rerender

Browse source
This commit is contained in:
linonetwo 2024-01-03 20:45:50 +08:00
parent 66df849785
commit f8236fa6d3
1 changed files with 4 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/services/pages/hooks.ts
View file

@ -1,11 +1,12 @@
import useObservable from 'beautiful-react-hooks/useObservable';
import { useState } from 'react';
import { useCallback, useState } from 'react';
import { IPage } from './interface';
export function usePagesListObservable(): IPage[] | undefined {
const [pages, pagesSetter] = useState<IPage[] | undefined>();
useObservable(window.observables.pages.pages$, (newPages: IPage[]) => {
const setter = useCallback((newPages: IPage[]) => {
pagesSetter(newPages.sort((a, b) => a.order - b.order));
});
}, []);
useObservable(window.observables.pages.pages$, setter);
return pages;
}