diff --git a/packages/demo/public/assets.json b/packages/demo/public/assets.json
index 608c377fc..9345ffec8 100644
--- a/packages/demo/public/assets.json
+++ b/packages/demo/public/assets.json
@@ -12764,7 +12764,8 @@
               "screenshot": "",
               "schema": {
                 "componentName": "Dropdown",
-                "props": {}
+                "props": {  "trigger": [{    "componentName": "Button",    "props": {      "type": "primary"    },    "children": "确定"  }],  "triggerType": "click"},
+                "children": [{  "componentName": "Menu",  "props": {    "style": {      "width": 200    }  },  "children": [{    "componentName": "MenuItem",    "props": {},    "children": "Option 1"  }, {    "componentName": "MenuItem",    "props": {      "disabled": false    },    "children": "option 2"  }, {    "componentName": "MenuItem",    "props": {      "disabled": false    },    "children": "option 3"  }]}]
               }
             }
           ]
@@ -13130,13 +13131,8 @@
               "schema": {
                 "componentName": "Menu.Item",
                 "props": {
-                  "parentMode": "inline",
-                  "type": "item",
-                  "component": "",
-                  "disabled": true,
-                  "className": "",
-                  "needIndent": ""
-                }
+                },
+                "children": "Option"
               }
             }
           ]
diff --git a/packages/react-renderer/demo/compose.md b/packages/react-renderer/demo/compose.md
new file mode 100644
index 000000000..c432f3e97
--- /dev/null
+++ b/packages/react-renderer/demo/compose.md
@@ -0,0 +1,37 @@
+---
+title: 复杂组件
+order: 2
+---
+
+````jsx
+import React, { PureComponent } from 'react';
+import ReactDOM from 'react-dom';
+import ReactRenderer from '@ali/lowcode-react-renderer';
+import schema from './schemas/compose';
+import components from './config/components/index';
+import utils from './config/utils';
+import constants from './config/constants';
+
+class Demo extends PureComponent {
+  static displayName = 'renderer-demo';
+  render() {
+    return (
+      <div className="demo">
+        <ReactRenderer
+          key={schema.fileName}
+          schema={schema}
+          components={components}
+          appHelper={{
+            utils,
+            constants
+          }}
+        />
+      </div>
+    );
+  }
+}
+
+ReactDOM.render((
+  <Demo />
+), mountNode);
+````
diff --git a/packages/react-renderer/demo/schemas/compose.js b/packages/react-renderer/demo/schemas/compose.js
new file mode 100644
index 000000000..213362d25
--- /dev/null
+++ b/packages/react-renderer/demo/schemas/compose.js
@@ -0,0 +1,33 @@
+/* eslint-disable */
+export default {
+  componentName: 'Page',
+  fileName: 'compose',
+  props: {
+  },
+  children: [
+    {
+      "componentName": "Dropdown",
+      "props": {  "trigger": [{    "componentName": "Button",    "props": {      "type": "primary"    },    "children": "确定"  }],  "triggerType": "click"},
+      "children": [{  "componentName": "Menu",  "props": {    "style": {      "width": 200    }  },  "children": [{    "componentName": "MenuItem",    "props": {},    "children": "Option 1"  }, {    "componentName": "MenuItem",    "props": {      "disabled": false    },    "children": "option 2"  }, {    "componentName": "MenuItem",    "props": {      "disabled": false    },    "children": "option 3"  }]}]
+    },
+    {
+      "componentName": "Menu",
+      "props": {
+        "style": {
+          "width": 200
+        }
+      },
+      "children": [{
+        "componentName": "MenuItem",
+        "props": {
+        },
+        "children": "Option 1"
+      }, {
+        "componentName": "MenuItem",
+        "props": {
+        },
+        "children": "Option 2"
+      }]
+    }
+  ]
+};