我有一個功能組件，它從 API 獲取一些數據并將其顯示在頁面的某個位置，問題是發生錯誤時我想顯示一個重試按鈕以再次調用 API。所以我這樣做了：import React, {useEffect, useState} from "react";import api from "../../../api";import {useSnackbar} from "notistack";const ShowPassword = ({uuid}) => {    const [password, setPassword] = useState(null);    const [retry, setRetry] = useState(false);    const {enqueueSnackbar} = useSnackbar();    useEffect(() => {        api.showPassword(uuid)            .then(res => {                setPassword(res.data.password);            })            .catch(err => {                setRetry(true);                enqueueSnackbar('An error occured...', {variant: 'error'});            })    }, [password]);    return (        <div>            {                retry                    ? <button onClick={() => {                        setRetry(false);                        setPassword(null);                    }} type='button'>Retry</button>                    : <span>{password ?? 'Loading...'}</span>            }        </div>    );};export default ShowPassword;但是通過單擊“重試”按鈕，它會顯示，Loading...但不會再次調用 API。