有没有办法使用Typescript解析React中的Markdown?
我正在尝试做以下事情:
import * as ReactMarkdown from 'react-markdown'
// OR
import ReactMarkdown = require('react-markdown')
但是,打字稿不能打造模块' react-markdown'因为它没有定义:
错误:TS2307:无法找到模块' react-markdown'。
如何定义模块并将其用作React组件?
答案 0 :(得分:2)
我通过使用commonmark
包解决了我的问题。他们有我的环境所需的打字和一切。这是我的实施:
import { HtmlRenderer, Parser } from 'commonmark'
export class MyComponent extends React.Component<{}, {}> {
private post: string
constructor () {
super()
let parser = new Parser()
let renderer = new HtmlRenderer()
this.post = renderer.render(parser.parse("**works** like a charm!"))
}
render () {
return (
<div dangerouslySetInnerHTML={ {__html: this.post} } />
)
}
}
另外,不要忘记添加commonmark
的输入:
$ typings install --global --save dt~commonmark
感谢那些试图帮助的人!