refactor: 代码质量优化与安全修复
- 删除根目录重复的 server.js (830行),统一使用模块化的 server/index.js - 修复 ESLint 错误: 移除未使用变量、修复 const 声明、处理未使用参数 - 修复 React Hooks 依赖警告: 使用 useCallback 包装函数并添加正确依赖项 - SQL LIKE 查询添加特殊字符转义,防止注入风险 - 移除 CSS 中重复的 @keyframes spin 定义 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 4.6
parent
63c97ab31a
commit
98aa39cb1c
+14
-14
@@ -1,4 +1,4 @@
|
||||
import { useState, useEffect, useRef, useMemo } from 'react';
|
||||
import { useState, useEffect, useRef, useMemo, useCallback } from 'react';
|
||||
import { useRouter } from 'next/router';
|
||||
import { isLoggedIn, getTrendStats, getCategoryStats } from '../lib/api';
|
||||
import {
|
||||
@@ -39,16 +39,7 @@ export default function Stats() {
|
||||
const trendChartRef = useRef(null);
|
||||
const trendChartInstance = useRef(null);
|
||||
|
||||
useEffect(() => {
|
||||
if (!isLoggedIn()) {
|
||||
router.push('/login');
|
||||
return;
|
||||
}
|
||||
// 并行加载两个数据集
|
||||
Promise.all([loadTrendData(), loadCategoryData()]);
|
||||
}, [router, period, currentMonth, categoryType]);
|
||||
|
||||
const loadTrendData = async () => {
|
||||
const loadTrendData = useCallback(async () => {
|
||||
setTrendLoading(true);
|
||||
try {
|
||||
const trend = await getTrendStats(period, getMonthStr(currentMonth));
|
||||
@@ -59,9 +50,9 @@ export default function Stats() {
|
||||
} finally {
|
||||
setTrendLoading(false);
|
||||
}
|
||||
};
|
||||
}, [period, currentMonth, showToast]);
|
||||
|
||||
const loadCategoryData = async () => {
|
||||
const loadCategoryData = useCallback(async () => {
|
||||
try {
|
||||
const category = await getCategoryStats(getMonthStr(currentMonth), categoryType);
|
||||
setCategoryData(category);
|
||||
@@ -69,7 +60,16 @@ export default function Stats() {
|
||||
console.error(err);
|
||||
showToast(err.message, { tone: 'error' });
|
||||
}
|
||||
};
|
||||
}, [currentMonth, categoryType, showToast]);
|
||||
|
||||
useEffect(() => {
|
||||
if (!isLoggedIn()) {
|
||||
router.push('/login');
|
||||
return;
|
||||
}
|
||||
// 并行加载两个数据集
|
||||
Promise.all([loadTrendData(), loadCategoryData()]);
|
||||
}, [router, loadTrendData, loadCategoryData]);
|
||||
|
||||
useEffect(() => {
|
||||
return () => {
|
||||
|
||||
Reference in New Issue
Block a user