antdesign中select如何设置默认值

在Ant Design中，`Select`组件可以很容易地设置默认值。首先，确保你在使用Select时导入了相应的库，并创建了一个Option数组来填充下拉列表。然后，在`Select`组件的属性中添加`value`和`options`。

下面是一个基本的例子：

import { Select } from 'antd';
import { Option } from 'antd';

const options = [
  { value: 'option1', label: 'Option 1' },
  { value: 'option2', label: 'Option 2' },
  // 更多选项...
];

function App() {
  const defaultValue = 'option1'; // 这是你想要的默认值

  return (
    <Select value={defaultValue}>
      {options.map((item) => (
        <Option key={item.value} value={item.value}>
          {item.label}
        </Option>
      ))}
    </Select>
  );
}

export default App;

在这个例子中，当你首次渲染App组件时，Select将显示"Option 1"作为默认选中的项，因为`defaultValue`被设为了`option1`，它对应于`options`中的一个元素。