我创建了一个函数来在反应应用程序中呈现降价。我需要为其应用一些额外的插件,例如,我们可以在新选项卡中打开链接。但是该插件似乎没有做任何事情。
我们在这里缺少什么吗?
渲染功能:
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) }}
/>
)
}