亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在 React 組件中為 <Button> 添加淡入淡出/動畫

在 React 組件中為 <Button> 添加淡入淡出/動畫

烙印99 2023-07-06 18:23:48
目前,我已經創建了一個授權組件,該組件在接受對表單所做的新更改之前檢查本地 AD 用戶名/密碼。用戶單擊“身份驗證”后,該函數需要幾秒鐘的時間才能驗證用戶。由于該按鈕不會動畫或消失,因此用戶可以多次單擊它,從而導致問題。我正在嘗試對此按鈕實現簡單的淡入淡出/動畫,但很難實現一些建議。如果您對如何實現或要研究哪些 React 插件有任何建議,我們將不勝感激。                 <DialogActions>                    <Button onClick={() => props.onClose(ConfirmationDialogButtons.CANCEL)} color="primary">                        Cancel                    </Button>                    <Button onClick={handleSign} color="primary">                        Authenticate                    </Button>                </DialogActions>這是 onClick={handleSign} 代碼。const handleSign = async () => {        const srv = new DataServer()        const result = await srv.eSignature(formData.userId, formData.password, props.securityArea, props.prompt, formData.comment)        if(result.error === 0) {            sessionStorage.setItem("Authenticated" , JSON.stringify({Authenticated : true , time : new Date()}))            props.onClose(ConfirmationDialogButtons.OK)        }        else {            setSignError(result.error)        }    }
查看完整描述

1 回答

?
慕絲7291255

TA貢獻1859條經驗 獲得超6個贊

你可以使用像material ui 這樣的組件庫,它會自動淡出你的按鈕



查看完整回答
反對 回復 2023-07-06
  • 1 回答
  • 0 關注
  • 226 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號