您可以通过设置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,即第一个选项的值。这样就可以默认展示列表中的第一个选项

antd select 如何默认展示列表第一个

原文地址: https://www.cveoy.top/t/topic/iyHP 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录