技术栈

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

我很苦涩的2024-07-10 16:55
复制代码
 <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/>去除并进行换行

上一篇:for循环种读取列表值出现特殊值的处理方式以及关于IFS分隔符的解读
下一篇:微信定时推送LeetCode每日一题,再也不怕没人喊你刷题了
相关推荐
打瞌睡的朱尤
2 小时前
Vue day10 完整购物网页(登录页,首页,搜索)
前端·javascript·vue.js
光泽雨
2 小时前
C# 中 Assembly 类详解
开发语言·c#
少控科技
2 小时前
C#基础训练营 - 02 - 运算器
开发语言·c#
扶苏1002
3 小时前
深入理解 Vue 3 的 watchEffect
前端·javascript·vue.js
Riemann~~
3 小时前
C语言嵌入式风格
c语言·开发语言
zmzb0103
5 小时前
C++课后习题训练记录Day104
开发语言·c++
未来龙皇小蓝
5 小时前
RBAC前端架构-05:引入Element-UI及相关逻辑
前端·ui
zmzb0103
5 小时前
C++课后习题训练记录Day105
开发语言·c++·算法
wjs2024
5 小时前
Vue3 条件语句
开发语言
_codemonster
5 小时前
JavaWeb开发系列(六)JSP基础
java·开发语言
热门推荐
01从零搭建一个 PHP 登录注册系统(含完整源码)02使用 1panel面板 部署 php网站03openClaw安装飞书插件|核心踩坑:spawn EINVAL 错误终极解决指南04PHP Error: 常见错误及其解决方法05Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services06GitHub 镜像站点07UV安装并设置国内源08MIUI显示/隐藏5G开关的方法,信号弱时开启手机Wifi通话方法09Android Studio Panda 1 正式版来了:JDK 终于不用手动配了,内存泄漏也有原生方案了10配置 OpenClaw 使用 Ollama 本地模型