react-alert-confirm

A react component confirm dialog, support async/await mode call（一个 React 确认对话框组件，支持 async/await 方式调用）

[![NPM version][npm-image]][npm-url] [![npm download][download-image]][download-url] [![Github react-alert-confirm][github-image]][github-url]

[npm-image]: https://badgen.net/npm/v/react-alert-confirm?style=flat-square
[npm-url]: https://npmjs.org/package/react-alert-confirm
[download-image]: https://badgen.net/npm/dm/react-alert-confirm?style=flat-square
[download-url]: https://npmjs.org/package/react-alert-confirm
[github-image]: https://badgen.net/badge/icon/react-alert-confirm?icon=github&label=Github&style=flat-square
[github-url]: https://github.com/jaceyi/react-alert-confirm

Docs

Documentation pages（在线文档）

Preview on CodeSandbox（在线预览）

Installing

``bash
yarn add react-alert-confirm


or


npm install react-alert-confirm --save
`

Usage

`typescript
import 'react-alert-confirm/lib/style.css';
import AlertConfirm from 'react-alert-confirm';
`

$3

`typescript jsx
import AlertConfirm from 'react-alert-confirm';

const openConfirm = async () => {
const [isOk] = await AlertConfirm('Are you sure?');
if (isOk) {
console.log('ok');
}
};

const openConfirm2 = () => {
AlertConfirm({
title: 'Are you sure?',
desc: 'description...',
onOk: () => {
console.log('ok');
},
onCancel: () => {
console.log('cancel');
}
});
};

const openAlert = async () => {
await AlertConfirm.alert('Are you sure?');
console.log('ok');
};

const openAlert2 = async () => {
await AlertConfirm.alert({
title: 'Are you sure?',
desc: 'description...'
});
console.log('ok');
};
`

$3

`typescript jsx
import React, { useState } from 'react';
import AlertConfirm from 'react-alert-confirm';

const Component = () => {
const [visible, setVisible] = useState(true);

return (
visible={visible}
title="Are you sure?"
desc="description..."
onOk={() => {
console.log('ok');
setVisible(false);
}}
/>
);
};
``