代码之家 › 专栏 › 技术社区 › Yichz

Styleguidist在一个页面中分组组件

react-styleguidist reactjs

1

Yichz · 技术社区 · 6 年前

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 回复 | 直到 6 年前