antd message 提示 jsx

 

   
      this.$message.open({
        key: 'noticeInfo',
        content: h => (
          <span>
            下載任務已提交，請前往
            <span style="color:#1890ff;cursor:pointer;" onClick={this.gotoReportPage}>
              報表中心
            </span>
            查看進度
          </span>
        )
      })



   beforeDestroy() {
    this.$message.destroy()
  },
  deactivated() {
    console.log('beforeRouteLeave  resultPage..')
    this.$message.close('exportNotice')
    // this.$notification.destroy()
  },


  this.$notification.open({
        key: 'exportNotice',
        class: 'myExportNotice',
        // duration: 9999,
        message: h => (
          <a-alert
            class="my-alert"
            type="success"
            message={
              <span>
                下載任務已提交，請前往
                <span style="color:#1890ff;cursor:pointer;" onClick={this.gotoReportPage}>
                  {' '}
                  報表中心{' '}
                </span>{' '}
                查看進度
              </span>
            }
          ></a-alert>
        ),
        onClick: () => {
          console.log('Notification Clicked!')
        }
      })