对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/>去除并进行换行

相关推荐
幺零九零零7 小时前
前端测试·1
前端
ヤ鬧鬧o.7 小时前
IDE风格的布局界面
javascript·html5
亓才孓7 小时前
继承父类和接口,又冲突的变量名怎么解决
java·开发语言
1024小神7 小时前
uniapp项目中使用vue3和小程序组件父子通信
前端·小程序·uni-app
hxjhnct7 小时前
React 为什么不采用(VUE)绑定数据?
javascript·vue.js·react.js
Knight_AL7 小时前
Vue + Spring Boot 项目添加 /wvp 前缀的完整链路解析(从浏览器到静态资源)
前端·vue.js·spring boot
粟悟饭&龟波功7 小时前
【软考系统架构设计师】九、架构演化与维护
前端·后端·架构·系统架构·软件工程
广州华水科技7 小时前
单北斗GNSS的变形监测应用是什么?主要用于大坝的安全监测吗?
前端
Hao_Harrision7 小时前
50天50个小项目 (React19 + Tailwindcss V4) ✨| AnimatedCountdown(倒计时组件)
前端·typescript·react·tailwindcss·vite7
谢小飞7 小时前
构建前端监控体系:Sentry私有化部署与项目集成实践
javascript·监控