2 回答

TA貢獻1777條經驗 獲得超3個贊
您必須創建一個名為 Dialog 的組件,該組件在調用 deleteProfile 方法時打開,并放置兩個按鈕,一個用于取消,另一個用于刪除,當按下刪除按鈕時,您將調用刪除代碼。我建議你使用一些庫,比如 material-ui。該庫具有多個有用且非常漂亮的組件,您可以使用它們。對于這種情況,我建議您使用對話框組件。你可以這樣使用它:
<Dialog
open={dialogOpen}
onClose={dialogClose}
>
<DialogContent>
Are you Sure? Your account would be permanently lost
</DialogContent>
<DialogActions>
<Button>Cancel</Button>
<Button onClick={deleteMethod}>Delete</Button>
</DialogActions>
</Dialog>
如果 是布爾組件狀態或 redux 狀態(如果為 true),對話框將打開;并且是一種方法,您可以在其中將狀態更改為 false 以關閉對話框。dialogOpen
dialogClose
dialogOpen
現在,您可以檢查一下,您就擁有了所有刪除代碼的位置。在按下刪除按鈕時調用此代碼。deleteMethod
為了同時打開對話框,您可以執行的操作是在設置變量后放置并等待,如下所示:dialogOpen
await this.setState({dialogOpen: true});
或者,如果您希望在異步方法中如下所示:
const method = async () =>{ await this.setState({dialogOpen: true}); }
你只需要像這樣調用這個方法:
await method();
我希望這有幫助!
添加回答
舉報