Styleguidist无法与ReactDOM.render一起正常使用

如何解决Styleguidist无法与ReactDOM.render一起正常使用

我正在网站上，正在考虑使用styleguidist作为文档的解决方案。

但是，如果我尝试为使用ReactDOM.render()渲染的组件制作文档，则styleguidist的结尾为“编译成功！”。但页面渲染失败。我什至知道为什么可能会发生这种情况，但是除了排除那些文件之外，我无法找出任何解决方法。有什么想法吗？

注意：我们正在使用渲染的组件，因为我们需要将它们渲染到PHP模板中。

示例：

import React from 'react';
import ReactDOM from 'react-dom';
import Component from "./Component.jsx";

ReactDOM.render(<Component />,document.getElementById('component'));

结果：

解决方法

好的，我想通了。您可以在 Component.md 文件中用 <Component /> 包装 #component，以便 Component 呈现的 #component 出现在网站上。

示例：

    ```jsx
    <div id="component">
      <Component />
    </div>
    ```'

（注意：上例中的 ' 仅用于强制显示反引号。）

另一种方法可能适用于通过更改 styleguide.config.js 中 styleguidist 包装器的 id 始终呈现为具有相同 id 的元素的组件：https://react-styleguidist.js.org/docs/configuration/#mountpointid