ANTD模态 - 确认标题文字样式

Question

我想在确认函数的标题字段中显示一些动态文本为粗体，但是它给了我[对象对象]。我如何解决它，请告知。

import { Modal} from 'antd'

const { confirm } = Modal
confirm({
      title:
        'Are you sure you want to delete ' +
        <b>{name}</b> +
        ' ? This action cannot be undone.',
      icon: <ExclamationCircleOutlined />,
      async onOk() {}
          
      },
      onCancel() {
        console.log('Cancel')
      },
    })
  }

谢谢

Answer 1

title prop可以是一个反应节点，因此您可以做：

const name = "John";

Modal.confirm({
    title: <span>Are you sure do yo want to delete this <strong>{name}</strong>?</span>
});