javascript - Markdown-to-jsx 不接受源

Question

我正在为博客文章使用 Material UI 模板之一：https ://github.com/mui-org/material-ui/tree/master/docs/src/pages/getting-started/templates/blog 。我使用 npx create-react-app 创建了我的 React 应用程序。

当我控制台记录它作为字符串输出的源时，当我将它添加到 markdown-to-jsx 中时，它会向我显示这个错误 index.module.js:1 Uncaught TypeError：__WEBPACK_IMPORTED_MODULE_0_react___default(...) is not a function.

重现步骤：

使用 npx create-react-app 创建一个应用

导入上面链接上写的材质UI模板

fetch(post1).then(res => res.text()).then(text=>setMarkdown(text))在 useEffect 挂钩中使用来获取降价文本。

此处按照模板使用的方式添加markdown状态

<Markdown className={classes.markdown} key={markdown.substring(0, 40)}>
         {markdown}
       </Markdown>

并且错误发生

提前感谢您能给我的任何帮助。

我所尝试的基本上归结为将 MD 文件更改为 js 字符串导出默认值，更改 markdown-to-jsx 版本，并在 markdown-to-jsx 库上尝试不同的属性选项，但没有一个有效，我迷路了。

标签： javascriptreactjsmaterial-uimarkdownreact-context