0

我创建了一个函数来在反应应用程序中呈现降价。我需要为其应用一些额外的插件,例如,我们可以在新选项卡中打开链接。但是该插件似乎没有做任何事情。

我们在这里缺少什么吗?

渲染功能:

import React from 'react'
import MarkdownIt from 'markdown-it'
import mila from 'markdown-it-link-attributes'

const md = new MarkdownIt({ html: true, linkify: true, typographer: true })

const render = (content = '', options = {}) => {
  const { Tag = 'div', className = '', ...props } = options
  md.use(mila, {
    attrs: {
      target: '_blank',
      rel: 'noopener'
    }
  })
  return (
    <Tag
      {...props}
      className={className + ' markdown'}
      dangerouslySetInnerHTML={{ __html: md.render(content) }}
    />
  )
}
4

0 回答 0