• 4
  • 新人请关照

ant design tooltip title换行不生效

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

阅读 186
评论
    2 个回答

    需要使用<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}}/>
      • 4
      • 新人请关照

      image.png

        撰写回答

        登录后参与交流、获取后续更新提醒