antd select 如何默认展示列表第一个
您可以通过设置defaultValue属性来实现antd select默认展示列表第一个选项。下面是一个示例代码:
import { Select } from 'antd';
const { Option } = Select;
const options = [
{ value: 'A', label: 'Option A' },
{ value: 'B', label: 'Option B' },
{ value: 'C', label: 'Option C' },
];
const Example = () => {
return (
<Select defaultValue={options[0].value}>
{options.map((option) => (
<Option key={option.value} value={option.value}>
{option.label}
</Option>
))}
</Select>
);
};
export default Example;
在上面的示例中,我们将defaultValue设置为options[0].value,即第一个选项的值。这样就可以默认展示列表中的第一个选项
原文地址: https://www.cveoy.top/t/topic/iyHP 著作权归作者所有。请勿转载和采集!