Use items instead

react-component · Aug 23, 2023 · 555bfd2 · 555bfd2
1 parent c689145
commit 555bfd2
Showing 1 changed file with 18 additions and 25 deletions.
diff --git a/src/DropdownMenu.tsx b/src/DropdownMenu.tsx
@@ -1,4 +1,4 @@
-import Menu, { MenuItem } from 'rc-menu';
+import Menu from 'rc-menu';
 import * as React from 'react';
 import type { DataDrivenOptionProps } from './Mentions';
 import MentionsContext from './MentionsContext';
@@ -34,30 +34,23 @@ function DropdownMenu(props: DropdownMenuProps) {
       }}
       onFocus={onFocus}
       onBlur={onBlur}
-    >
-      {options.length > 0 ? (
-        options.map((option, index) => {
-          const { key, disabled, className, style, label } = option;
-          return (
-            <MenuItem
-              key={key}
-              disabled={disabled}
-              className={className}
-              style={style}
-              onMouseEnter={() => {
-                setActiveIndex(index);
-              }}
-            >
-              {label}
-            </MenuItem>
-          );
-        })
-      ) : (
-        <MenuItem key="not-found" disabled>
-          {notFoundContent}
-        </MenuItem>
-      )}
-    </Menu>
+      items={
+        options.length > 0
+          ? options.map(
+              ({ key, disabled, className, label, style }, index) => ({
+                key,
+                disabled,
+                className,
+                style,
+                label,
+                onMouseEnter: () => {
+                  setActiveIndex(index);
+                },
+              }),
+            )
+          : [{ key: 'not-found', disabled: true, label: notFoundContent }]
+      }
+    />
   );
 }