refactor(realtime): 优化实时告警页面组列表的渲染逻辑

aide-cloud · aide-cloud · commit 54d71476183a · 2025-01-17T09:50:33.000+08:00
- 在 Group 组件的 onRow 回调中，增加了对 level.color 属性的空值检查
- 通过使用可选链操作符，提高了代码的健壮性和可读性
diff --git a/src/pages/realtime/alarm/index.tsx b/src/pages/realtime/alarm/index.tsx
@@ -282,7 +282,7 @@ const Group: React.FC = () => {
             onRow={(record) => {
               const { metricLevel: level } = record as RealtimeAlarmItem
               return {
-                style: { background: showLevelColor ? level.level.extend?.color : '' }
+                style: { background: showLevelColor ? level?.level?.extend?.color : '' }
               }
             }}
           />

Original file line number	Diff line number	Diff line change
`@@ -282,7 +282,7 @@ const Group: React.FC = () => {`
`282`	`282`	`onRow={(record) => {`
`283`	`283`	`const { metricLevel: level } = record as RealtimeAlarmItem`
`284`	`284`	`return {`
`285`		`- style: { background: showLevelColor ? level.level.extend?.color : '' }`
	`285`	`+ style: { background: showLevelColor ? level?.level?.extend?.color : '' }`
`286`	`286`	`}`
`287`	`287`	`}}`
`288`	`288`	`/>`