技术栈

对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每日一题,再也不怕没人喊你刷题了
相关推荐
u010927271
4 小时前
C++中的模板方法模式
开发语言·c++·算法
lly202406
4 小时前
C++ 测验
开发语言
山上三树
4 小时前
详细介绍读写锁
开发语言·c++·spring
乾元
4 小时前
绕过艺术:使用 GANs 对抗 Web 防火墙(WAF)
前端·网络·人工智能·深度学习·安全·架构
HWL5679
4 小时前
一个CSS属性will-change: transform
前端·css
Y淑滢潇潇
4 小时前
WEB 作业 即时内容发布前端交互案例
前端·javascript·交互
jghhh01
4 小时前
基于MATLAB的协同过滤推荐算法实现
开发语言·matlab·推荐算法
比特森林探险记
4 小时前
后端开发者快速入门react
开发语言·前端·javascript
李松桃
4 小时前
python第三次作业
java·前端·python
马士兵教育
4 小时前
计算机专业学生入行IT行业,编程语言如何选择?
java·开发语言·c++·人工智能·python
热门推荐
01GitHub 镜像站点02OpenCode 入门教程:介绍 · 安装 · 配置第三方 API (如 Claude)03【网络安全测试】Burp Suite工具使用说明、配置及常见问题(有关必回)04Clawdbot 中文汉化版 接入微信、飞书05Claude Code Skills 实用使用手册06在Trae中使用Pencil MCP07struts2 XML外部实体注入漏洞复现(CVE-2025-68493)08UV安装并设置国内源09零门槛部署本地 AI 助手:Clawdbot/Meltbot 部署深度保姆级教程10AI 规范驱动开发“三剑客”深度对比:Spec-Kit、Kiro 与 OpenSpec 实战指南