技术栈

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