无法在React Styleguidist文档中将其他组件用作子组件

Question

我正在使用React Styleguidist（版本8.0.6）来记录React组件。我有这样的目录结构：

Card
- Card.js
- Card.md
ActionItems
- ActionItems.js
- ActionItems.md

这两个组件均在其自己的Styleguidist生成的页面上正确呈现。

但是在Card.md中，我希望我的Card示例之一包含一个<ActionItems/>子元素，例如：

<Card>
    <ActionItems/>
</Card>

我发现关于某人这样做的唯一示例是this stack overflow post。

如果我在Card.md中输入以下内容：

```jsx
<Card someAttr="foo">
    <ActionItems someOtherAttr="bar"/>
</Card>
```

Styleguidist出现SyntaxError: Expected corresponding JSX closing tag for <React.Fragment>错误。

根据我之前链接的堆栈溢出文章，我尝试了

```jsx
const ActionItems = require('../ActionItems/ActionItems.js');

<Card someAttr="foo">
    <ActionItems someOtherAttr="bar"/>
</Card>
```

但是Styleguidist然后给了我一个错误：Adjacent JSX elements must be wrapped in an enclosing tag。

有人可以帮我弄清楚我在做什么错吗？还是Styleguidist只是不允许您做我想做的事？

---

在相关的情况下，如果我将require路径更改为 anything ，例如'/www/javascript/ActionItems/ActionItems.js，Styleguidist失败，并显示以下消息

Failed to compile
Module not found: Can't resolve '/www/javascript/ActionItems/ActionItems.js' in '/www/javascript/react-components/Card'