diff --git a/docs/components/FormDialog.zh-CN.md b/docs/components/FormDialog.zh-CN.md
index 8cd1b54..6dfc578 100644
--- a/docs/components/FormDialog.zh-CN.md
+++ b/docs/components/FormDialog.zh-CN.md
@@ -167,10 +167,10 @@ const schema = {
 
 export default () => {
   return (
-    <FormDialog.Portal>
+    <FormDialog.Portal id="test2">
       <Button
         onClick={() => {
-          const dialog = FormDialog('弹窗表单', () => {
+          const dialog = FormDialog('弹窗表单', 'test2', () => {
             return (
               <FormLayout labelCol={6} wrapperCol={10}>
                 <SchemaField schema={schema} />
diff --git a/docs/components/FormDrawer.md b/docs/components/FormDrawer.md
index 8bea0f4..a54280d 100644
--- a/docs/components/FormDrawer.md
+++ b/docs/components/FormDrawer.md
@@ -171,39 +171,42 @@ const schema = {
 
 export default () => {
   return (
-    <Button
-      onClick={() => {
-        FormDrawer('Pop-up form', () => {
-          return (
-            <FormLayout labelCol={6} wrapperCol={10}>
-              <SchemaField schema={schema} />
-              <FormDrawer.Extra>
-                <FormButtonGroup align="right">
-                  <Submit
-                    onSubmit={() => {
-                      return new Promise((resolve) => {
-                        setTimeout(resolve, 1000)
-                      })
-                    }}
-                  >
-                    Submit
-                  </Submit>
-                  <Reset>Reset</Reset>
-                </FormButtonGroup>
-              </FormDrawer.Extra>
-            </FormLayout>
-          )
-        })
-          .open({
-            initialValues: {
-              aaa: '123',
-            },
+    <>
+      <FormDrawer.Portal id="form-drawer-portal2" />
+      <Button
+        onClick={() => {
+          FormDrawer('Pop-up form', 'form-drawer-portal2', () => {
+            return (
+              <FormLayout labelCol={6} wrapperCol={10}>
+                <SchemaField schema={schema} />
+                <FormDrawer.Extra>
+                  <FormButtonGroup align="right">
+                    <Submit
+                      onSubmit={() => {
+                        return new Promise((resolve) => {
+                          setTimeout(resolve, 1000)
+                        })
+                      }}
+                    >
+                      Submit
+                    </Submit>
+                    <Reset>Reset</Reset>
+                  </FormButtonGroup>
+                </FormDrawer.Extra>
+              </FormLayout>
+            )
           })
-          .then(console.log)
-      }}
-    >
-      Click me to open the form
-    </Button>
+            .open({
+              initialValues: {
+                aaa: '123',
+              },
+            })
+            .then(console.log)
+        }}
+      >
+        Click me to open the form
+      </Button>
+    </>
   )
 }
 ```
diff --git a/packages/components/src/__builtins__/portal.tsx b/packages/components/src/__builtins__/portal.tsx
index c01dc3e..f99ea2e 100644
--- a/packages/components/src/__builtins__/portal.tsx
+++ b/packages/components/src/__builtins__/portal.tsx
@@ -21,7 +21,7 @@ export const createPortalProvider = (id: string | symbol) => {
         {props.children}
         <Observer>
           {() => {
-            if (portalId!) return <></>
+            if (!portalId) return <></>
             const portal = PortalMap.get(portalId)
             if (portal) return createPortal(portal, document.body)
             return <></>