1

我正在使用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 标记传递给staticMarkupprop 以显示，而不仅仅是显示在这种情况下并不是特别有用的反应组件。

4

0 回答 0