如何在MDX文件中的组件中具有标记内容

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>

谢谢你的帮助！