dangerouslySetInnerHTML空格不换行解决方案

上次我们说到dangerouslySetInnerHTML可以渲染文本内容,但是文本里要是有换行时,展示的页面并不会做自动换行,这时就要我们进行数据处理一下,使用正则替换换行符改成能别识别的
,代码如下:

第一种,替换全部的换行符
  {
    /* eslint-disable */
    <div
        className="email-content"
        dangerouslySetInnerHTML={{
            __html: bcContent?.content.replace(‘\n‘,‘<br/>‘)
        }}
    />
   /* eslint-enable */
  }
第二种,替换第一个的换行符
  {
    /* eslint-disable */
    <div
        className="email-content"
        dangerouslySetInnerHTML={{
            __html: bcContent?.content.replace(/[\n]/g,‘<br/>‘)
        }}
    />
   /* eslint-enable */
  }

dangerouslySetInnerHTML空格不换行解决方案

上一篇:http3次握手


下一篇:[BABEL+WEBPACK@4] 手动用webpack+babel 打包压缩文件兼容ie