Message 消息

() => {
  function successMsg() {
    return Message.success({
      message: '成功提示',
      duration: 3000,
    })
  }
  function infoMsg() {
    return Message.info({
      message: '信息提示',
      duration: 3000,
    })
  }
  function warningMsg() {
    return Message.warning({
      message: '成功提示',
      duration: 3000,
    })
  }
  function errorMsg() {
    return Message.error({
      message: '成功提示',
      duration: 3000,
    })
  }
  return (
    <div
      style={{ marginBottom: '10px', marginTop: '10px', marginLeft: '10px' }}
    >
      <Button type={'success'} onClick={() => successMsg()}>
        成功提示信息
      </Button>
      <Button type={'info'} onClick={() => infoMsg()}>
        普通提示信息
      </Button>
      <Button type={'warning'} onClick={() => warningMsg()}>
        警告提示信息
      </Button>
      <Button type={'danger'} onClick={() => errorMsg()}>
        错误提示信息
      </Button>
    </div>
  )
}

() => {
  function successMsg() {
    return Message.success('成功提示')
  }
  return (
    <div
      style={{ marginBottom: '10px', marginTop: '10px', marginLeft: '10px' }}
    >
      <Button type={'success'} onClick={() => successMsg()}>
        成功提示信息
      </Button>
    </div>
  )
}

() => {
  function successMsg() {
    return Message.success({
      message: '成功提示',
      duration: 3000,
      showClose: true,
    })
  }
  return (
    <div
      style={{ marginBottom: '10px', marginTop: '10px', marginLeft: '10px' }}
    >
      <Button type={'success'} onClick={() => successMsg()}>
        成功提示信息
      </Button>
    </div>
  )
}