fix(TGI): 图表重复渲染的问题 (#386)

Co-authored-by: Zhang Rui <[email protected]>
growingio · Apr 22, 2024 · ffcf374 · ffcf374
1 parent 94228fa
commit ffcf374
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/combine-bar/CombineBar.tsx b/src/combine-bar/CombineBar.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import { default as CombineBarCls } from './framework';
 
 import { ChartType, ChartProps, BarConfig, ChartRef } from '../interfaces';
@@ -24,7 +24,9 @@ export interface DragBarProps extends BarProps {
 const CombineBar: React.ForwardRefRenderFunction<ChartRef, BarProps> = (props, forwardRef) => {
   const { data, legends: legendProps = [], config = {} as BarConfig, title } = props;
 
-  const combineBar = new CombineBarCls();
+  const combineBar = useMemo(() => {
+    return new CombineBarCls();
+  }, []);
 
   config.type = ChartType.BAR;
   config.chart = {

diff --git a/src/combine-colunm/CombineColunm.tsx b/src/combine-colunm/CombineColunm.tsx
@@ -16,7 +16,9 @@ const CombineColumn: React.ForwardRefRenderFunction<ChartRef, ColumnProps> = (pr
   const { data, legends: legendProps = [], config, useScroll, title } = props;
   const [assignConfig, setAssignConfig] = useState({});
 
-  const combineColumn = new CombineColumnCls();
+  const combineColumn = useMemo(() => {
+    return new CombineColumnCls();
+  }, []);
 
   useEffect(() => {
     const newConfig = config || {};