javascript - 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 />with包装#component在 Component.md 文件中，以便在网站上显示 Component 呈现的#component。

例子：

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

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

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