Browse Source

move react code back into RFC

yohei0125 4 năm trước cách đây
mục cha
commit
3b08ab5496

+ 7 - 4
packages/app/src/components/SearchPage/SearchResultContent.tsx

@@ -73,9 +73,8 @@ const MutationObserverWrapper = (scrollElement:HTMLElement) => {
 
 
   const observer = new MutationObserver(observerCallback);
   const observer = new MutationObserver(observerCallback);
   observer.observe(scrollElement, MUTATION_OBSERVER_CONFIG);
   observer.observe(scrollElement, MUTATION_OBSERVER_CONFIG);
-  return () => {
-    observer.disconnect();
-  };
+
+  return observer;
 };
 };
 
 
 const SearchResultContent: FC<Props> = (props: Props) => {
 const SearchResultContent: FC<Props> = (props: Props) => {
@@ -85,7 +84,11 @@ const SearchResultContent: FC<Props> = (props: Props) => {
   useEffect(() => {
   useEffect(() => {
     const scrollElement = scrollElementRef.current as HTMLElement | null;
     const scrollElement = scrollElementRef.current as HTMLElement | null;
     if (scrollElement == null) return;
     if (scrollElement == null) return;
-    MutationObserverWrapper(scrollElement);
+    const observer = MutationObserverWrapper(scrollElement);
+
+    return () => {
+      observer.disconnect();
+    };
   });
   });
   // *******************************  end  *******************************
   // *******************************  end  *******************************