reactjs 跳过“import”和react/html以在MDX中显示为文本？

ih99xse1 于 2022-12-29 发布在 React

关注(0)|答案(3)|浏览(141)

我刚刚开始使用gatsby/react中的MDX，我希望能够将内容转义为正常文本显示。
例如，我想将此显示为标准文本？

here is some info

 import {test} from "test"

ffdg

<text>dddd</text>

导入行在操场上抱怨（https://mdxjs.com/playground/），但如果我用空格开始它，它似乎很好
但是以HTML尖括号开头的那一行，空格没有帮助。我用勾号把它包围起来，但是它的背景是灰色的。
转义或告诉MDX忽略某些内容的正确方法是什么？
有人知道吗

3条答案

把所有东西都包上'`'

here is some info

import {test} from "test"

ffdg

dddd

如果它是一个代码块，最好使用三个反勾号的解决方案，但如果您想转义常规单词“import”，则只需对其第一个字母“i”进行HTML编码，即i：

从这里：
如果您需要单词import或export，请确保它不在段落开头。
结果import（以空格开头）就足够了，HTML就不会呈现那个空格。