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 */
  }