ant design tooltip title换行不生效

Question

antd tooltip不生效 内容已经换行了 但是tooltip组件强制没有换行，只是加了一个空格。

Answer 1

需要使用<br/>换行

例子：

1. 拆分字符串转换成数组

const str = ""; //存在换行符的代码
const view = [];
(str+'').split("\n").forEach((v,i)=>{
 view.push(v);
 view.push(<br key={i}/>)
});
//然后把view传递给tooptip组件
// <Tooptip>{view}</Tooptip>

1. 使用dangerouslySetInnerHTML属性绑定(不推荐这种方式)

const str = ""; //存在换行符的代码
const view = (str+'').replace("\n", '<br/>');
<Tooptip dangerouslySetInnerHTML={{_html:view}}/>

Answer 2