要解决这个问题，可以利用Antd中的Select组件提供的onSelect回调函数，该函数在选择下拉菜单中的项目时被触发。我们可以在该回调函数中获取所选项目的宽度，并将其设置为下拉菜单的宽度。

下面是一个示例代码，演示如何实现这一功能：

import React, { useState } from 'react'; import { Select } from 'antd';

const { Option } = Select;

const MySelect = () => { const [selectedItem, setSelectedItem] = useState(null); const [dropdownWidth, setDropdownWidth] = useState(null);

const handleSelect = (value, option) => { setSelectedItem(option); const width = option.ref.offsetWidth; setDropdownWidth(width); };

return ( (option1.ref = el)}>Option 1 (option2.ref = el)}>Option 2 (option3.ref = el)}>Option 3 ); };

export default MySelect;

在这个示例中，我们在每个Option元素中使用了一个ref属性来获取其宽度。通过引用这个ref，我们可以在handleSelect函数中获取选定项目的宽度，并将其设置为dropdownStyle的minWidth属性。这将使下拉菜单的宽度与所选项目的宽度相匹配。