在react组件中配置js-beautify

Question

我正在使用js-beautify（html-beautify选项）来格式化我页面上显示的html，显示但它将所有html折叠为1行显然不理想，因为它是很难阅读。它基本上是尝试将HTML格式化为Javascript，因为实际的html beautify没有被应用。

我正在反应中使用它，如下所示，该项目的特定组件文件是否有人知道如何解决此问题？

import htmlBeautify from 'js-beautify'

const htmlString = htmlBeautify(renderToStaticMarkup(<Component />))

export default () =>
    <Example staticMarkup={htmlString}>
      <Component />
    </Example>

更新 <Example/>是另一个组件，可以呈现出一些额外的内容，例如降价描述。

我正在使用https://github.com/alexlande/react-style-guide来创建样式指南并将静态html标记传递给staticMarkup prop来显示而不是仅显示在此上下文中特别有用的反应组件。