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

【问题标题】：Using the marked library - TypeError: marked.parse is not a function使用标记库 - TypeError: mapped.parse is not a function
【发布时间】：2021-11-10 04:04:22
【问题描述】：

我正在用 JS 构建一个简单的 Markdown 预览器

我有：

通过在 app 文件夹中运行 npm i marked 来安装库（我仔细检查了 nodes_package 文件夹，并且确实创建了一个标记的文件夹）
在我的App.js 文件顶部添加了import marked from "marked"
按照标记文档的“高级”部分中的建议，使用 marked.parse(string) 函数

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

TypeError：marked.parse 不是函数

【问题讨论】：

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

标签： reactjs javascript-marked

【解决方案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的dangerouslySetInnerHTML来解析它。

【讨论】：

【解决方案2】：

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

【讨论】：