Storybook里怎么让组件文档自动显示props表格？
我用的是Storybook 7，写了个React组件，也加了PropTypes，但文档页面就是不显示props表格。是不是还要额外配置什么？
试过在.storybook/main.js里开启docs插件，默认应该开了啊。组件代码是这样的：
import React from 'react';
import PropTypes from 'prop-types';
const Button = ({ label }) => <button>{label}</button>;
Button.propTypes = {
label: PropTypes.string.isRequired,
};
export default Button;但生成的文档页只有示例，没看到props说明表，到底是哪步漏了？
- 2
回答
44浏览
Storybook文档页面怎么让组件参数都显示出来？有些属性没显示出来
我在用Storybook的MDX文档写组件说明时，发现有些props参数在自动文档里没显示出来。比如给按钮组件加了isLoading属性并写了注释，但生成的表格里就是没这项。 我尝试在组件文件里用JS...
- 2
回答
28浏览
Storybook 里 Vue 组件的 props 默认值不生效？
我在 Storybook 里写了个带默认值的 Vue 组件，但预览时 props 的默认值没显示出来，明明本地用是正常的，是不是我写法有问题？ 试过在 argTypes 里手动指定 defaultVa...
- 2
回答
464浏览
Storybook 中如何正确传递 props 给组件？
我在写 Storybook 的 stories 时，想给一个 React 组件传 props，但试了几次都没生效。比如我有个 Button 组件，期望传入 variant="primary"，但预览里...
- 2
回答
32浏览
Storybook 中如何正确传递 props 给组件的 Stories？
我在写 Storybook 的 stories 时，想给 React 组件传 props，但试了几次都没生效。比如我有个 Button 组件，写了下面这样的 story： export const P...
- 2
回答
47浏览
Storybook文档模式下怎么让组件参数显示自定义格式而不是默认字符串？
我在用Storybook的Docs模式生成组件文档时，发现组件参数总是以纯文本形式展示。比如我给按钮组件传了一个size参数，值是数组['small', 'large']，但文档里直接显示成"smal...
- 2
回答
80浏览
Storybook文档页参数没显示，该怎么排查？
在用Storybook写React组件文档时，参数表一直没显示出来。我按官方文档写了参数配置，但文档页只显示组件结构没参数说明，控制台也没报错。试过重启Storybook和更新@storybook/r...
- 2
回答
47浏览
自定义组件的props怎么设计才更灵活？
我写了一个用户头像组件，但不确定props该怎么设计才能兼顾默认头像和自定义头像地址。现在传了url就用url，没传就用默认图，但感觉这样扩展性不好，比如以后还要加尺寸、形状等选项。 目前是这么写的：...
- 2
回答
45浏览
Storybook中Args参数没有显示在控件面板，怎么解决？
我在用Storybook写按钮组件的故事时遇到了问题。按照文档设置了args参数和argTypes，但控件面板里完全看不到这些参数选项。比如我给primary属性设置了boolean类型，但点击"Co...
- 2
回答
56浏览
Storybook快照测试总不通过怎么办？
我在给按钮组件写Storybook快照测试时遇到了问题。明明组件代码没改，但快照对比总显示不匹配，这是怎么回事啊？ 我按照文档配置了@storybook/addon-jest，测试用例是这样的： im...
- 2
回答
133浏览
Storybook的parameters参数在组件中无法接收怎么办？
我在用Storybook写组件的时候，按照文档设置了parameters参数，但组件里完全读不到值，这是为什么呢？ 比如我在按钮组件的故事文件里这样写： export const PrimaryBut...
argTypes和parameters来让文档插件识别这些属性。首先检查你的.storybook/main.js，确保已经启用了docs插件：
然后在组件的故事文件里加上doc参数，像这样：
这下应该就能看到props表格了。有时候还得重启一下Storybook服务，因为缓存问题可能会导致更新不及时。这种小细节真让人抓狂啊。