react中根据文本字数来显示省略号

最新推荐文章于 2022-09-29 10:01:51 发布

fanshuwen_

最新推荐文章于 2022-09-29 10:01:51 发布

阅读量1.3k

点赞数

文章标签： reactjs

本文链接：https://blog.csdn.net/fanshuwen_/article/details/123784770

版权

render: (title) => {
        
      // 直接定义一个函数,判断文本字符是否大于传入的数
     const truncate = (str, maxlength) => {
        return str.length > maxlength ? str.slice(0, maxlength - 1) + '...' : str
     }

     return <>{truncate(title, 10)}</>


    // 使用行内 css样式
    // return   <div style={{ width: 120, overflow: "hidden", textOverflow: "ellipsis",         
    //               whiteSpace: "nowrap" }}>

    //               {title}

    //          </div>
}