fix(renderComponent): 修正 key 赋值时机

fjc0k · Jan 4, 2021 · 516456e · 516456e
1 parent 4f7ecff
commit 516456e
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/react/renderComponent.ts b/src/react/renderComponent.ts
@@ -54,10 +54,7 @@ export function renderComponent<TComponent extends React.ComponentType<any>>(
   let destroy!: () => void
 
   const prepareProps = (props: Partial<React.ComponentProps<TComponent>>) => {
-    props = {
-      key: Date.now(),
-      ...props,
-    }
+    props = { ...props }
     if (injectCallbacks) {
       for (const key of Object.keys(injectCallbacks)) {
         const originalCallback = props[key]
@@ -115,9 +112,12 @@ export function renderComponent<TComponent extends React.ComponentType<any>>(
     }
   }
 
-  render(initialProps)
+  let incrementalProps: React.ComponentProps<TComponent> = {
+    key: Date.now(),
+    ...initialProps,
+  }
 
-  let incrementalProps: React.ComponentProps<TComponent> = { ...initialProps }
+  render(incrementalProps)
 
   return {
     incrementalRerender(props: Partial<React.ComponentProps<TComponent>>) {