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();
我希望这有帮助!
添加回答
举报