生产管理系统 - 激活、删除的联调

src/components/auth/CaptchaInput.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useCallback } from 'react';
 import { RefreshCw } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
@@ -19,7 +19,7 @@ export function CaptchaInput({ value, onChange, onCaptchaChange, className = ''
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState('');
 
-  const fetchCaptcha = async () => {
+  const fetchCaptcha = useCallback(async () => {
     setLoading(true);
     setError('');
     onChange(''); // 清空验证码输入
@@ -120,11 +120,11 @@ export function CaptchaInput({ value, onChange, onCaptchaChange, className = ''
       captcha_id: 'fallback-' + Date.now(),
       image: canvas.toDataURL()
     };
-  };
+  }, [onCaptchaChange, onChange]);
 
   useEffect(() => {
     fetchCaptcha();
-  }, []);
+  }, [fetchCaptcha]);
 
   const handleRefresh = () => {
     fetchCaptcha();