reactjs - 如何在 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>

谢谢您的帮助！