reactjs - 使用标记库 - TypeError: mapped.parse is not a function

Question

我正在 JS 中构建一个简单的降价预览器

我有：

• 通过在 app 文件夹中运行来安装库npm i marked（我仔细检查了 nodes_package 文件夹，并且确实创建了一个标记的文件夹）

• 添加import marked from "marked"在我的App.js文件顶部

• 根据标记文档的“高级”部分中的建议，使用该marked.parse(string)功能

当我尝试运行该应用程序时，我得到：

类型错误：marked.parse 不是函数

Answer 1

你可以marked像这样使用：

进口标记

import marked from 'marked';

然后调用组件中的函数：

marked('# Markdown');

这是示例：

// app.jsx
import marked from "marked"

const html = marked('# Marked in React\n\nRendered by **marked**.');

const App = () => {
    return <p dangerouslySetInnerHTML={{ __html: html }} />
}

虽然它在 中生成结果html format，所以我们需要使用react.dangerlySetInnerHTML来解析它。

Answer 2

我得到了一些帮助 - 关键是将脚本添加到 index.html 文件中，并/* global marked */在 App.js 的顶部设置标志 - 导入时看起来好像有问题