Improve render performance

2019-07-08 01:22:16 +02:00
parent e3584add7c
commit 38f8d2e6ee
1 changed files with 9 additions and 6 deletions
--- a/app/src/components/Tree/TreeNode/index.tsx
+++ b/app/src/components/Tree/TreeNode/index.tsx
@@ -81,12 +81,15 @@ function TreeNodeComponent(props: Props) {
    didSelectTopic()
  }, [didSelectTopic])

-  const mouseOver = (event: React.MouseEvent) => {
-    event.stopPropagation()
-    if (settings.get('selectTopicWithMouseOver') && treeNode && treeNode.message && treeNode.message.value) {
-      didSelectTopic()
-    }
-  }
+  const mouseOver = useCallback(
+    (event: React.MouseEvent) => {
+      event.stopPropagation()
+      if (settings.get('selectTopicWithMouseOver') && treeNode && treeNode.message && treeNode.message.value) {
+        didSelectTopic()
+      }
+    },
+    [didSelectTopic]
+  )

  useEffect(() => {
    treeNode.viewModel && treeNode.viewModel.setExpanded(!isCollapsed, false)