使用 Typescript 在 React 中使用 Markdown

IT技术 reactjs typescript markdown
2021-05-03 18:10:27

有没有办法在 React 中使用 Typescript 解析 Markdown?

我正在尝试做这样的事情:

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

但是typescript无法找到module“react-markdown”,因为它没有定义:

错误:TS2307:找不到module“react-markdown”。

如何定义module并将其用作 React 组件?

1个回答

我通过使用commonmarkpackage解决了我的问题他们有我的环境所需的类型和一切。这是我的实现:

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

感谢那些试图提供帮助的人!