Notification 通知

() => {
  const [visible, setvisible] = React.useState(false)
  function successNoticer() {
    return Notification.success({
      title: '成功提示',
      msg: '这是一条成功提示',
      duration: 3000,
    })
  }
  function infoNoticer() {
    return Notification.info({
      title: '信息提示',
      msg: '这是一条信息提示',
      duration: 4000,
    })
  }
  function warningNoticer() {
    return Notification.warning({
      title: '警告提示',
      msg: '这是一条警告提示',
      duration: 5000,
    })
  }
  function errorNoticer() {
    return Notification.error({
      title: '错误提示',
      msg: '这是一条错误提示',
      duration: 6000,
    })
  }
  return (
    <div
      style={{ marginBottom: '10px', marginTop: '10px', marginLeft: '10px' }}
    >
      <Button type={'success'} onClick={() => successNoticer()}>
        成功通知
      </Button>
      <Button type={'info'} onClick={() => infoNoticer()}>
        普通通知
      </Button>
      <Button type={'warning'} onClick={() => warningNoticer()}>
        警告通知
      </Button>
      <Button type={'danger'} onClick={() => errorNoticer()}>
        错误通知
      </Button>
    </div>
  )
}

() => {
  const [visible, setvisible] = React.useState(false)
  function successNoticer() {
    return Notification.success({
      title: '成功提示',
      msg: '这是一条成功提示',
      duration: 3000,
      top: 30,
    })
  }
  return (
    <div
      style={{ marginBottom: '10px', marginTop: '10px', marginLeft: '10px' }}
    >
      <Button type={'success'} onClick={() => successNoticer()}>
        成功通知
      </Button>
    </div>
  )
}