antdesign中TreeSelect树下拉选项disabled时改变文字颜色

在Ant Design（蚂蚁设计）的TreeSelect组件中，当设置了`options`数组的某个节点的`disabled`属性为`true`时，该节点及其所有子节点都会显示为禁用状态。如果你想改变这种状态下文字的颜色，你可以通过自定义渲染函数（custom render）来实现。

首先，在你的TreeSelect配置项里，可以添加一个`render`属性，它接收当前选中的节点和它的索引：

import { TreeSelect } from 'antd';

const { TreeNode } = TreeSelect;

// 定义一个函数，接收node和index，返回一个包含样式的新节点对象
function disabledTreeNode(node, index) {
  const { title, disabled } = node;
  // 如果节点被禁用，添加一个额外的style对象，改变文字颜色
  let nodeStyle = {};
  if (disabled) {
    nodeStyle.color = '#ccc'; // 这里假设你想设置灰色
  }
  return <TreeNode key={index} title={<span style={nodeStyle}>{title}</span>} {...node} />;
}

// 使用定制渲染函数
<TreeSelect
  options={[
    // ...你的选项列表
  ]}
  treeData={[
    // ...你的树形数据
  ]}
  render={disabledTreeNode}
/>

这将使得禁用状态下的节点标题文本变为灰色。如果你需要针对不同情况有不同的样式，可以在`disabledTreeNode`函数内部增加更复杂的条件判断。