如何在 MDX 文件的组件中包含 Markdown 内容？

Question

我正在开发一个使用 React 组件的 MDX 页面项目。当我在组件内添加文本时，我希望生成 HTML（就像组件外部的内容一样）。但生成的页面在组件内只有文本，没有 HTML。

这是我的代码：

组件js：

<Container>
    {props.children}
</Container>

MDX 页面：

<Component>
     **Generated HTML**
</Component>

生成的页面：

<div>
     **Generated HTML**
</div>

预期行为：

<div>
     <p><strong>Generated HTML</strong></p>
</div>

我怎样才能解决这个问题？

谢谢！

Answer 1

我在这里找到了解决方案，我只需要在标签之间添加一个新行，如下所示：

<Component>

**Generated HTML**

</Component>

谢谢您的帮助！