一页中的Styleguidist分组组件

时间:2019-01-31 00:26:21

标签: reactjs react-styleguidist

我们将svg图标作为组件,因此文件夹结构有点像

components
  / -- icons
     -- Readme.md
    /-- Check
        -- Check.tsx
        -- index.ts
    /-- Cross
        -- Cross.tsx
        -- index.ts
    /-- Cloud
        -- Cloud.tsx
        -- index.ts

显然,我们不希望每个图标都有一个小节,我们希望有一个小节来显示所有用法。所以我创建了这样的部分:

 sections: [
    {
      name: 'Cards',
      components: [
        // ... other components,
      ]
    },
    {
      name: 'Icons',
      components: [
        'components/icons/Check',
        'components/icons/Cross',
        'components/icons/Cloud',
      ],
      content: path.resolve(__dirname, 'src', 'components', 'icon', 'readme.md')
    },
  ],

但是文档显示 ReferenceError: Check is not defined

如果我在每个图标文件夹下添加一个Readme.md,它将起作用,但这不是我想要的。

有什么主意吗?

0 个答案:

没有答案