ant-design/components/dropdown/demo/render-panel.md

order	title	debug
999	[{zh-CN _InternalPanelDoNotUseOrYouWillBeFired} {en-US _InternalPanelDoNotUseOrYouWillBeFired}]	true

zh-CN

调试用组件，请勿直接使用。

en-US

Debug usage. Do not use in your production.

import { SmileOutlined } from '@ant-design/icons';
import { Dropdown, Menu } from 'antd';
import React from 'react';

const { _InternalPanelDoNotUseOrYouWillBeFired: InternalDropdown } = Dropdown;

const menu = (
  <Menu
    items={[
      {
        key: '1',
        label: (
          <a target="_blank" rel="noopener noreferrer" href="https://www.antgroup.com">
            1st menu item
          </a>
        ),
      },
      {
        key: '2',
        label: (
          <a target="_blank" rel="noopener noreferrer" href="https://www.aliyun.com">
            2nd menu item (disabled)
          </a>
        ),
        icon: <SmileOutlined />,
        disabled: true,
      },
      {
        key: '3',
        label: (
          <a target="_blank" rel="noopener noreferrer" href="https://www.luohanacademy.com">
            3rd menu item (disabled)
          </a>
        ),
        disabled: true,
      },
      {
        key: '4',
        danger: true,
        label: 'a danger item',
      },
    ]}
  />
);

const App: React.FC = () => <InternalDropdown overlay={menu} />;

export default App;