Не может использовать другие компоненты как дочерние в документации React Styleguidist - PullRequest
Новая
       13

Не может использовать другие компоненты как дочерние в документации React Styleguidist

0 голосов
/ 29 января 2019

Я использую React Styleguidist (версия 8.0.6) для документирования компонентов React.У меня есть структура каталогов, подобная этой: 

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

Каждый из этих 2 компонентов корректно отображается на своей собственной странице, сгенерированной Styleguidist.

Однако в Card.md мне нужна одна из моих картпримеры, содержащие <ActionItems/> компонент в качестве дочернего элемента, например: 

<Card>
    <ActionItems/>
</Card>

Единственный пример, который я нашел, когда кто-то делает что-то подобное, это этот пост переполнения стека .

Если я добавлю в мой 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 просто не позволяет вам делать то, что я хочу сделать?

В случае, если это уместно, если я изменю требуемый путь на что-нибудь , например, '/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'
...