antdesign的select设置动态defaultValue默认值

在Ant Design库中，`Select`组件允许你在运行时动态设置`defaultValue`。当你需要基于数据或用户交互实时更新选择的默认值时，可以这样做：

1. 首先，确保你有一个选项数组(`options`)，这个数组通常存储了`value`和`label`属性。

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

2. 当你需要改变默认值时，例如当某个条件满足时，你可以创建一个新的状态变量`selectedValue`并将其设置为你想要的新值。

import React, { useState } from 'react';

function YourComponent() {
  const [selectedValue, setSelectedValue] = useState('option1'); // 初始默认值

  // ...

  function handleSomeConditionChange(condition) {
    if (condition) {
      setSelectedValue('option2'); // 动态更新默认值
    }
  }

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

3. 然后，在`handleSomeConditionChange`或其他相关的函数中，检查条件并调用`setSelectedValue`来更新默认选中的选项。

当`selectedValue`变化时，`Select`会自动显示对应的选项作为默认值，直到下次用户手动更改它。