fix(react): fix throw react-dom error in react-native (#3491)

alibaba · Oct 25, 2022 · 00141fe · 00141fe
1 parent 3033416
commit 00141fe
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/packages/react/src/shared/render.ts b/packages/react/src/shared/render.ts
@@ -1,16 +1,19 @@
 import React from 'react'
-import { createPortal } from 'react-dom'
 import { globalThisPolyfill } from '@formily/shared'
 
 const env = {
   portalDOM: null,
+  ReactDOM: null,
 }
 
 export const render = (element: React.ReactElement) => {
-  if (globalThisPolyfill['document']) {
+  if (globalThisPolyfill.navigator?.product === 'ReactNative') return null
+  if (globalThisPolyfill.document) {
     env.portalDOM =
       env.portalDOM || globalThisPolyfill['document'].createElement('div')
-    return createPortal(element, env.portalDOM)
+    env.ReactDOM = env.ReactDOM || require('react-dom')
+    //eslint-disable-next-line
+    return env.ReactDOM.createPortal(element, env.portalDOM)
   } else {
     return React.createElement('template', {}, element)
   }