window 自带的confirm 怎么调用
时间: 2024-02-17 20:03:59 浏览: 17
可以使用 `window.confirm()` 方法来调用 `confirm` 对话框。该方法会在页面上展示一个弹出窗口,询问用户是否确认当前操作。
`window.confirm()` 方法会返回一个布尔值,表示用户是否点击了确认按钮。如果用户点击了确认按钮,该方法返回 `true`,否则返回 `false`。
以下是一个简单的示例,展示了如何使用 `window.confirm()` 方法:
```jsx
import React from 'react';
const ConfirmButton = () => {
const handleClick = () => {
const confirmed = window.confirm('Are you sure you want to continue?');
if (confirmed) {
console.log('User confirmed');
} else {
console.log('User canceled');
}
};
return <button onClick={handleClick}>Confirm</button>;
};
export default ConfirmButton;
```
在上面的代码中,`handleClick` 方法会在用户点击确认按钮时输出 "User confirmed",在用户点击取消按钮时输出 "User canceled"。弹出窗口的文本内容为 "Are you sure you want to continue?",由 `window.confirm()` 方法中的参数指定。
需要注意的是,`window.confirm()` 方法是全局方法,可以在任何地方调用,不仅限于 React 组件中。