首页 > 其他分享 >React.js 修改文本中数字样式

React.js 修改文本中数字样式

时间:2022-12-20 14:56:25浏览次数:48  
标签:样式 text js React 文本 reg

export function numberToColor(text, color = '#635BFF', size = '12px') {
  let reg = /(\d+)/g;
  return text.replace(reg, `<span style="color: ${color};size: ${size}">$1</span>`);
}

效果:

 

标签:样式,text,js,React,文本,reg
From: https://www.cnblogs.com/Blogzlj/p/16994175.html

相关文章

  • 小程序里面 SyntaxError: Unexpected end of JSON input报错解决方式
    小程序,经常有跳转传参的功能,一般带一个id或者name,title之类很短的字段,但是如果带很多数据的话,很多人喜欢使用json转换,传一个对象过去小程序传参但这样仅限于很少的字......
  • Vue.js:el-input自动获取焦点通过自定义指令实现v-focus
    文档https://v2.cn.vuejs.org/v2/guide/custom-directive.html使用el-input组件提供的参数autofocus自动获取焦点,效果不是很好Vue.js2官网提供的示例importVuefr......
  • 问:你是如何进行react状态管理方案选择的?
    前言:最近接触到一种新的(对我个人而言)状态管理方式,它没有采用现有的开源库,如redux、mobx等,也没有使用传统的useContext,而是用useState+useEffect写了一个发布订阅者模式进......
  • 前端一面必会react面试题(附答案)
    前言:最近接触到一种新的(对我个人而言)状态管理方式,它没有采用现有的开源库,如redux、mobx等,也没有使用传统的useContext,而是用useState+useEffect写了一个发布订阅者模式进......
  • 问:React的useState和setState到底是同步还是异步呢?
    先来思考一个老生常谈的问题,setState是同步还是异步?再深入思考一下,useState是同步还是异步呢?我们来写几个demo试验一下。先看useState同步和异步情况下,连续执行两......
  • 社招前端一面必会react面试题集锦
    vue或者react优化整体优化虚拟dom为什么虚拟dom会提高性能?(必考)虚拟dom相当于在js和真实dom中间加了一个缓存,利用domdiff算法避免了没有必要的dom操......
  • 基于jsp+servlet+mysql简单的实现了商品的增删改查
    @目录一、系统介绍二、功能展示1.商品主页2.商品添加3.商品修改4.商品查询5.商品删除三、数据库四、其它系统一、系统介绍系统主要功能:简单的实现了商品的增删改查环境......
  • nodejs 调用adb拨号
      asyncfunctionexec(adbCmd:string){letadbPath='D:\\prog\\adb\\windows\\adb.exe'letcmdMsg=awaitnewPromise((resolve,reject)=>{cons......
  • nodejs读取excel
     //importpuppeteerfrom'puppeteer'//https://github.com/SheetJS/sheetjsimportreaderfrom'xlsx'constfile=reader.readFile('D:\\doc\\名单.xlsx',{c......
  • nodejs 拦截接口数据
     importpuppeteerfrom'puppeteer'constbrowser=awaitpuppeteer.launch({headless:false})constpage=awaitbrowser.newPage()awaitpage.setDe......