技术栈

对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每日一题,再也不怕没人喊你刷题了
相关推荐
寻寻觅觅☆
3 分钟前
东华OJ-基础题-31-素数(C++)
开发语言·c++·算法
慧一居士
3 分钟前
Nitro 和nuxt4框架关系
前端
松小白song
5 分钟前
PID详解+Matlab实现
开发语言·数据结构·matlab
IT_陈寒
5 分钟前
React的useEffect把我坑惨了,这种闭包问题谁能想到
前端·人工智能·后端
张二娃同学
11 分钟前
基于 Python 与 Tkinter 的猜数字游戏设计与实现:支持玩家猜数与 AI 反向推理
开发语言·git·python·游戏·开源
jwn999
11 分钟前
PHP vs 易语言:5大核心区别详解
开发语言·php
Mr_Xuhhh
13 分钟前
C++算法刷题:排序子序列、削减整数、最长上升子序列(二)题解
开发语言·c++·算法
xuankuxiaoyao
16 分钟前
VUE.JS实践--事件对象和计算属性
javascript·vue.js·ecmascript
前端老石人
16 分钟前
表单与交互式元素
前端·css·html
热门推荐
01GitHub 镜像站点022026年3月AI领域大事件:DeepSeek引领开源风暴03Qwen3.5-Omni与Qwen3.6模型全面解析(含测评/案例/使用教程)04Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services05UV安装并设置国内源06如何解决 OpenClaw “Pairing required” 报错:两种官方解决方案详解07让 Trae IDE 智能体 “读懂”文档 Excel+PDF+DOCX :mcp-documents-reader 工具使用指南08“wsl --install -d Ubuntu-22.04”下载慢,中国地区离线安装 Ubuntu 22.04 WSL方法(亲测2025年5月6日)09OpenClaw Exec Approvals 机制:在安全与效率之间寻找平衡10深扒 Claude Code Buddy 模式:一只仙人掌背后的确定性随机算法