标记与打字记录的反应

Question

是否有一种方法来解析Markdown in React使用类型记录？

我试着做这样的事情：

import * as ReactMarkdown from 'react-markdown'
// OR
import ReactMarkdown = require('react-markdown')

但由于没有定义，类型记录无法完成模块的“反应-标记”：

错误: TS2307:找不到模块“反应-标记”。

如何定义模块并将其用作反应性组件？

Answer 1

我用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

感谢那些想帮忙的人！