Styleguidist不正确地使用ReactDOM.render()

Question

我正在一个网站上工作，我正在考虑使用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'));

结果：

​

​

Answer 1

好吧，我想出来了。您可以将<Component />与#component包装在Component.md文件中，以便在网站上显示组件呈现到的#组件。

示例：

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

(注:在上面的例子中，‘只出现在强制显示背面。)

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