技术栈

对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每日一题,再也不怕没人喊你刷题了
相关推荐
Komorebi゛
3 分钟前
【CSS】斜角流光样式
前端·css
Irene1991
10 分钟前
CSS 废弃属性分类总结
前端·css
lly202406
12 分钟前
jEasyUI 设置排序指南
开发语言
青莲843
20 分钟前
Android 事件分发机制 - 事件流向详解
android·前端·面试
musashi
20 分钟前
用 Electron 写了一个 macOS 版本的 wallpaper(附源码、下载地址)
前端·vue.js·electron
满天星辰
21 分钟前
Typescript之类型总结大全
前端·typescript
JFChen
22 分钟前
Web 仔用 Node 像 Java 一样写后端服务
前端
一起努力啊~
23 分钟前
算法刷题--长度最小的子数组
开发语言·数据结构·算法·leetcode
XiaoSong
25 分钟前
React useState 原理和异步更新
前端·react.js
徐徐子
26 分钟前
从vue3 watch开始理解Vue的响应式原理
前端·vue.js
热门推荐
01GitHub 镜像站点02安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)03Labelme从安装到标注:零基础完整指南04Linux下V2Ray安装配置指南05【踩坑笔记】50系显卡适配的 PyTorch 安装06jdk21下载、安装(Windows、Linux、macOS)07手把手教你通过Gemini3 pro 学生认证,白用一年,手慢无!08GitLab 零基础入门指南:从安装到项目管理全流程09UV安装并设置国内源10Opencode CLI 安装成功,但是启动失败