react中判断如果antd的select有默认值 就取用默认值 如果没有 则取用下拉选择的label

在React中使用Ant Design Select组件时，你可以结合`useState`和`props`来实现这样的逻辑。假设你的组件接收了一个`defaultLabel`（默认文本）和`options`数组作为props：

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

function CustomizedSelect({ defaultLabel, options }) {
  const [selectedOption, setSelectedOption] = useState(null); // 默认值为空

  // 检查是否有默认值，如果没有则从options中获取第一个选项
  useEffect(() => {
    if (!options.length) {
      setSelectedOption(options[0]); // 如果options为空，设第一个选项为默认
    } else if (defaultLabel) {
      setSelectedOption({ value: defaultLabel }); // 使用提供的defaultLabel作为默认值
    }
  }, [options, defaultLabel]);

  return (
    <Select value={selectedOption?.value || ''}>
      {options.map((option, index) => (
        <Option key={index} value={option.value}>
          {option.label}
        </Option>
      ))}
    </Select>
  );
}

// 使用示例
<CustomizedSelect defaultLabel="请选择" options={['Option 1', 'Option 2']} />

在这个例子中，我们会首先尝试从`options`中获取第一个选项作为默认值。如果`options`为空或者我们接收到一个`defaultLabel`，则将`defaultLabel`赋给`selectedOption`。最后，我们在`Select`组件中使用`value`属性展示当前的选中值，如果`selectedOption`为null，则显示空字符串。