V5-基于BaseNode 自定义节点设置state问题

[zyh0yh]

import { Graph, BaseNode, register, ExtensionCategory } from "@antv/g6";
import { Rect, Text, Line, Image } from "@antv/g";
class CardNode extends BaseNode {
drawKeyShape(attributes, shapeMap) {
      let keyShap = null;
const image = new Image({
				style: {
					key: "copyIcon",
					name: "copyIcon",
					x: 175,
					y: 12,
					width: 16,
					height: 16,
					src: "https://gw.alipayobjects.com/mdn/rms_8fd2eb/afts/img/A*0HC-SawWYUoAAAAAAAAAAABkARQnAQ",
					cursor: "pointer"
				}
			});
			const titleBox = this.upsert(
				"titleBox",
				Rect,
				{
					x: 0,
					y: 0,
					width: width,
					height: titleHiehgt,
					fill: color[data.账号级别],
					lineWidth: 4,
					radius: [6, 6, 0, 0],
					cursor: "pointer"
				},
				shapeMap
			);
			const bankCodeText = this.upsert(
				"bankCodeText",
				Text,
				{
					x: 12,
					y: titleHiehgt / 2,
					text: data.type != "柜面" && data.type != "ATM" ? data.账号 : data.type,
					fontSize: 14,
					fontFamily: "AlibabaPuHuiTi75",
					fill: "white",
					textAlign: "left",
					wordWrapWidth: 160,
					maxLines: 1,
					wordWrap: true,
					textBaseline: "middle",
					textOverflow: "ellipsis"
				},
				shapeMap
			);
			const bankNameText = this.upsert(
				"bankNameText",
				Text,
				{
					x: width - 12,
					y: titleHiehgt / 2,
					text: data.type != "柜面" && data.type != "ATM" ? data.银行平台名称 : "",
					fontSize: 14,
					fontFamily: "AlibabaPuHuiTi75",
					fill: "white",
					textAlign: "right",
					wordWrapWidth: 135,
					maxLines: 1,
					wordWrap: true,
					textBaseline: "middle",
					textOverflow: "ellipsis"
				},
				shapeMap
			);


}
}

使用这种方式创建的自定义节点该如何，去设置state样式，我尝试观望中在graph-options中的node 配置state样式，发现并不生效，请求各位友友们的指导！！！

[zyh0yh]

我尝试使用官方文档在graph-options中的node 配置state样式，发现并不生效，也在图表示例里的自定义节点示例里添加state自定义样式，发现都不生效

[Aarebecca]

节点中并不需要感知状态的， G6 会自动基于元素当前的状态去计算状态样式

[zyh0yh]

对于上述的代码创建的自定义节点，使用setElementState配置state状态，发现并不生效，是我遗漏了哪些方法或者配置没配置吗？