소스 검색

在AlarmDetail组件中添加对刷新事件的监听,确保在事件触发时自动调用fetchData函数以更新数据。

valentichu 8 달 전
부모
커밋
8257de0419
2개의 변경된 파일11개의 추가작업 그리고 0개의 파일을 삭제
  1. 0 0
      lib/index.js
  2. 11 0
      src/pages/Alarm/components/components/AlarmDetail/index.jsx

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 0 - 0
lib/index.js


+ 11 - 0
src/pages/Alarm/components/components/AlarmDetail/index.jsx

@@ -379,6 +379,17 @@ const Index = (props) => {
   useEffect(() => {
     fetchData();
   }, [range, props.data?.data?.rule_id]);
+
+  // 监听刷新事件
+  useEffect(() => {
+    // 添加事件监听器
+    window.addEventListener("refreshAlarm", fetchData);
+
+    // 清理函数:移除事件监听器
+    return () => {
+      window.removeEventListener("refreshAlarm", fetchData);
+    };
+  }, []);
   return (
     <>
       <div className={styles.desc}>

이 변경점에서 너무 많은 파일들이 변경되어 몇몇 파일들은 표시되지 않았습니다.