arco.design tree table展开时设置背景色

Arco Design是一个基于Ant Design的开源UI设计系统，它提供了一套丰富的组件库和样式指南。如果你想在使用Tree Table（树状表格）时，为其展开节点时设置背景色，你可以通过自定义组件的渲染逻辑来实现。以下是一个简单的步骤：

1. 首先，你需要获取到当前展开的节点数据。在`onExpand`或`expandedChange`事件回调中，可以得到展开状态及对应的节点。

import { TreeTable } from '@arco-design/web-react';

const TreeNode = ({ node, expanded }) => {
  return (
    //...
    <div
      style={{
        backgroundColor: expanded ? 'your-desired-color' : '',
        // 其他样式
      }}
    >
      {/* 节点内容 */}
    </div>
  );
};

//...

<TreeTable
  onExpand={(node) => handleExpand(node)}
  expandedKeys={['your-expanded-key']}
  rowClassName={record => (/* 根据记录设置其他样式 */)}
  treeNode={({ record }) => (
    <TreeNode node={record} expanded={!!expandedKeys.includes(record.key)} />
  )}
/>

这里，当`expanded`属性为`true`时，背景色会应用`your-desired-color`，你可以替换为你需要的颜色值。