# Status Dialog

带状态的 `Dialog` 组件

### 带状态

注意：带状态的对话框不支持取消操作

```tsx
import React, { useState } from 'react'
import { Button, InfoDialog, SuccessDialog, ErrorDialog, WarningDialog } from 'react-icecream'

export default () => {
  const [visible1, setVisible1] = useState(false)
  const [visible2, setVisible2] = useState(false)
  const [visible3, setVisible3] = useState(false)
  const [visible4, setVisible4] = useState(false)

  return (
    <>
      <Button type="primary" onClick={() => setVisible1(true)}>
        Open InfoDialog
      </Button>
      <br />
      <br />
      <Button type="primary" onClick={() => setVisible2(true)}>
        Open SuccessDialog
      </Button>
      <br />
      <br />
      <Button type="primary" onClick={() => setVisible3(true)}>
        Open ErrorDialog
      </Button>
      <br />
      <br />
      <Button type="primary" onClick={() => setVisible4(true)}>
        Open WarningDialog
      </Button>
      <br />
      <br />
      <InfoDialog visible={visible1} onOk={() => setVisible1(false)}>
        此处是一条通知提醒，此处是一条通知提醒，此处是一条通知提醒。
      </InfoDialog>
      <SuccessDialog visible={visible2} onOk={() => setVisible2(false)}>
        此处是一条通知提醒，此处是一条通知提醒，此处是一条通知提醒。
      </SuccessDialog>
      <ErrorDialog visible={visible3} onOk={() => setVisible3(false)}>
        此处是一条通知提醒，此处是一条通知提醒，此处是一条通知提醒。
      </ErrorDialog>
      <WarningDialog visible={visible4} onOk={() => setVisible4(false)}>
        此处是一条通知提醒，此处是一条通知提醒，此处是一条通知提醒。
      </WarningDialog>
    </>
  )
}
```

<API src="./status-dialog.tsx"></API>