如何自定义Antd React目录树节点的背景颜色?
<p>如何使用less样式在鼠标悬停在树节点上时更改antd目录树节点的默认背景颜色?</p>
<pre class="brush:php;toolbar:false;"><Tree.DirectoryTree>
{data.map((item) => {
return (
<Tree.TreeNode
// @ts-ignore
item={item}
icon={<></>}
key={item.user_folder_id}
title={item.title}
>
{item?.data.map((node) => {
return (
<Tree.TreeNode
node={node}
key={node.node_id}
title={ node.title }
></Tree.TreeNode>
);
})}
</Tree.TreeNode>
);
})}
</Tree.DirectoryTree></pre></p>
<Tree.DirectoryTree className="custom-tree"> {data.map((item) => { return ( <Tree.TreeNode // @ts-ignore item={item} icon={<></>} key={item.user_folder_id} title={item.title} > {item?.data.map((node) => { return ( <Tree.TreeNode node={node} key={node.node_id} title={ node.title } ></Tree.TreeNode> ); })} </Tree.TreeNode> ); })} </Tree.DirectoryTree>styles.less
.custom-tree .ant-tree-treenode:hover::before { background: blue !important; }