diff --git a/docs/examples/dropdown.tsx b/docs/examples/dropdown.tsx
index 1b211cce2..89bc54865 100644
--- a/docs/examples/dropdown.tsx
+++ b/docs/examples/dropdown.tsx
@@ -18,13 +18,13 @@ for (let i = 0; i < 10; i += 1) {
 
 class Demo extends React.Component {
   state = {
-    visible: false,
+    open: false,
   };
 
   filters = [];
 
-  handleVisibleChange = visible => {
-    this.setState({ visible });
+  handleOpenChange = open => {
+    this.setState({ open });
   };
 
   handleSelect = selected => {
@@ -41,7 +41,7 @@ class Demo extends React.Component {
   confirmFilter = () => {
     console.log(this.filters.join(','));
     this.setState({
-      visible: false,
+      open: false,
     });
   };
 
@@ -80,8 +80,8 @@ class Demo extends React.Component {
             title1
             <DropDown
               trigger={['click']}
-              onVisibleChange={this.handleVisibleChange}
-              visible={this.state.visible}
+              onOpenChange={this.handleOpenChange}
+              open={this.state.open}
               overlay={menu}
             >
               <a href="#">filter</a>
diff --git a/package.json b/package.json
index 9afe35156..5334d8f4e 100644
--- a/package.json
+++ b/package.json
@@ -59,7 +59,7 @@
   "devDependencies": {
     "@eslint/js": "^10.0.1",
     "@eslint/compat": "^2.1.0",
-    "@rc-component/dropdown": "^1.0.2",
+    "@rc-component/dropdown": "^2.0.0",
     "@rc-component/father-plugin": "^2.2.0",
     "@rc-component/menu": "^1.4.1",
     "@rc-component/motion": "^1.3.2",