antd如何弹出提示多行文本的提示框
时间: 2024-02-15 14:03:32 浏览: 131
多行提示文本,当光标移至某控件时,能显示多行文本
可以使用antd的Modal组件来弹出多行文本的提示框,具体步骤如下:
1. 引入Modal组件:`import { Modal } from 'antd';`
2. 在需要弹出提示框的地方调用Modal组件,并设置相关属性,例如:
```jsx
Modal.info({
title: '提示',
content: (
<div>
<p>第一行文本</p>
<p>第二行文本</p>
<p>第三行文本</p>
</div>
),
});
```
其中,`title`属性设置提示框的标题,`content`属性设置提示框的内容,可以使用JSX语法来自定义多行文本。
3. 如果需要弹出确认框,可以使用Modal.confirm()方法,例如:
```jsx
Modal.confirm({
title: '确认删除',
content: '确定要删除这条数据吗?',
onOk() {
console.log('删除成功!');
},
onCancel() {
console.log('取消删除!');
},
});
```
其中,`onOk`和`onCancel`属性分别设置确认框点击“确定”和“取消”按钮时的回调函数。
通过以上步骤,你可以使用antd的Modal组件来弹出多行文本的提示框。
阅读全文