2023-08-17 react antd动态数据渲染下拉框根据code判断进行展示disabled

import React, { useState } from 'react';

import { Select } from 'antd';

const { Option } = Select;

const MyComponent = () => {

  const [value, setValue] = useState('');

  const [options, setOptions] = useState([

    { code: 'A', name: 'Option A' },

    { code: 'B', name: 'Option B' },

    { code: 'C', name: 'Option C' },

  ]);

  const handleSelectChange = (value) => {

    setValue(value);

  };

  return (

    <Select value={value} onChange={handleSelectChange}>

      {options.map((option) => (

        <Option key={option.code} value={option.code} disabled={option.code === 'C'}>

          {option.name}

        </Option>

      ))}

    </Select>

  );

};

export default MyComponent;