2 回答

TA貢獻(xiàn)1777條經(jīng)驗(yàn) 獲得超3個(gè)贊
您必須創(chuàng)建一個(gè)名為 Dialog 的組件,該組件在調(diào)用 deleteProfile 方法時(shí)打開,并放置兩個(gè)按鈕,一個(gè)用于取消,另一個(gè)用于刪除,當(dāng)按下刪除按鈕時(shí),您將調(diào)用刪除代碼。我建議你使用一些庫,比如 material-ui。該庫具有多個(gè)有用且非常漂亮的組件,您可以使用它們。對(duì)于這種情況,我建議您使用對(duì)話框組件。你可以這樣使用它:
<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>
如果 是布爾組件狀態(tài)或 redux 狀態(tài)(如果為 true),對(duì)話框?qū)⒋蜷_;并且是一種方法,您可以在其中將狀態(tài)更改為 false 以關(guān)閉對(duì)話框。dialogOpen
dialogClose
dialogOpen
現(xiàn)在,您可以檢查一下,您就擁有了所有刪除代碼的位置。在按下刪除按鈕時(shí)調(diào)用此代碼。deleteMethod
為了同時(shí)打開對(duì)話框,您可以執(zhí)行的操作是在設(shè)置變量后放置并等待,如下所示:dialogOpen
await this.setState({dialogOpen: true});
或者,如果您希望在異步方法中如下所示:
const method = async () =>{ await this.setState({dialogOpen: true}); }
你只需要像這樣調(diào)用這個(gè)方法:
await method();
我希望這有幫助!
添加回答
舉報(bào)