对table中的数据进行换行操作

复制代码
 <td>{this.handleCalcObjectDesc(data)}</td>

handleCalcObjectDesc = (data) => {
    return data.replace(/<br\/?>/g, '\n').split('\n').map((line, index) => (
      <p key={index} className="nowrap">
        {line}
      </p>
    ));
  };

.nowrap {
  white-space: nowrap;
  width: 100%;
}

需求:将字符串中的<br/>去除并进行换行

相关推荐
lvv几秒前
不会被渲染的组件,为什么让我的首屏白屏了?(一次前端问题总结)
前端·webpack·性能优化
做前端的娜娜子2 分钟前
什么是浅拷贝(Shallow Copy)和深拷贝(Deep Copy)?如何手动实现一个深拷贝函数
javascript·面试·掘金·金石计划
xcLeigh14 分钟前
编程语言的 AI 友好度排名:Python、JavaScript、TypeScript 谁更适合 AI 辅助
javascript·人工智能·python·ai·typescript·ai编程
码上成长25 分钟前
微前端 Invalid hook call?先把「window 注入 + externals」整明白
前端·react.js·前端框架
宿67426 分钟前
vue3-DOM树
前端·javascript·vue.js
谷哥的小弟32 分钟前
TypeScript中的any
javascript·typescript
Dr.kangder37 分钟前
嵌入式总线设备解析——TTE总线应用与实践
开发语言·网络·算法·嵌入式·多任务·同步机制
-银雾鸢尾-39 分钟前
C#中的多线程
开发语言·c#
白狐_7981 小时前
408数据结构:中缀转后缀与操作符栈容量——真题精讲
前端·javascript·数据结构
谷哥的小弟1 小时前
TypeScript在Vue3中的常见写法
前端·javascript·typescript