From 995785dbc9b057760994c86f560c4628144a2ce9 Mon Sep 17 00:00:00 2001
From: "rorya.lyj" <rorya.lyj@alibaba-inc.com>
Date: Sun, 16 Aug 2020 16:15:01 +0800
Subject: [PATCH] fix: add component

---
 .../src/renderer-view.tsx                       | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/packages/rax-simulator-renderer/src/renderer-view.tsx b/packages/rax-simulator-renderer/src/renderer-view.tsx
index fe2be3b53..68af018e0 100644
--- a/packages/rax-simulator-renderer/src/renderer-view.tsx
+++ b/packages/rax-simulator-renderer/src/renderer-view.tsx
@@ -76,7 +76,7 @@ export const Routes = (props: {
     routes: documentInstances.map(instance => {
       return {
         path: instance.path,
-        component: (props: any) => <Renderer rendererContainer={rendererContainer} documentInstance={instance} {...props} />
+        component: (props: any) => <Renderer key={instance.id} rendererContainer={rendererContainer} documentInstance={instance} {...props} />
       };
     })
   };
@@ -128,12 +128,21 @@ class Renderer extends Component<{
   rendererContainer: SimulatorRendererContainer;
   documentInstance: DocumentInstance;
 }> {
-  constructor(props: any) {
-    super(props);
-    this.props.documentInstance.onReRender(() => {
+  private unlisten: any;
+
+  componentDidMount() {
+    const { documentInstance } = this.props;
+    this.unlisten = documentInstance.onReRender(() => {
       this.forceUpdate();
     });
   }
+
+  componentWillUnmount() {
+    if (this.unlisten) {
+      this.unlisten();
+    }
+  }
+
   render() {
     const { documentInstance } = this.props;
     const { container } = documentInstance;