Storybook 中如何正确传递 props 给组件的 Stories？
我在写 Storybook 的 stories 时，想给 React 组件传 props，但试了几次都没生效。比如我有个 Button 组件，写了下面这样的 story：
export const Primary = () => <Button label="Click me" variant="primary" />;但控制台报错说 label 和 variant 是 undefined，是不是写法不对？应该用 args 还是直接传？
- 2
回答
471浏览
Storybook 中如何正确传递 props 给组件？
我在写 Storybook 的 stories 时，想给一个 React 组件传 props，但试了几次都没生效。比如我有个 Button 组件，期望传入 variant="primary"，但预览里...
- 1
回答
29浏览
Storybook里怎么让组件文档自动显示props表格？
我用的是Storybook 7，写了个React组件，也加了PropTypes，但文档页面就是不显示props表格。是不是还要额外配置什么？ 试过在.storybook/main.js里开启docs插...
- 2
回答
35浏览
Storybook 里 Vue 组件的 props 默认值不生效？
我在 Storybook 里写了个带默认值的 Vue 组件，但预览时 props 的默认值没显示出来，明明本地用是正常的，是不是我写法有问题？ 试过在 argTypes 里手动指定 defaultVa...
- 2
回答
47浏览
Storybook中如何在多个stories间共享parameters配置？
最近在用Storybook写组件文档时发现，每个stories文件都要重复写相同的parameters配置，比如布局和主题设置，这样维护起来好麻烦。我尝试把参数抽离到预设文件里，但运行时提示找不到gl...
- 2
回答
36浏览
Svelte组件中如何正确传递和使用动态props？
我在写一个Svelte的按钮组件，想通过props传入不同的class，但发现样式没生效，是不是我写法有问题？ 我试过这样写：export let className = ''，然后在父组件里传，但生...
- 2
回答
48浏览
Storybook文档页面怎么让组件参数都显示出来？有些属性没显示出来
我在用Storybook的MDX文档写组件说明时，发现有些props参数在自动文档里没显示出来。比如给按钮组件加了isLoading属性并写了注释，但生成的表格里就是没这项。 我尝试在组件文件里用JS...
- 2
回答
176浏览
Storybook里组件显示空白但本地运行正常怎么办？
刚用@storybook/react创建了一个按钮组件，写好stories后预览页面全是空白，控制台没有报错。试过npm rebuild和清除缓存还是不行，但直接在项目里运行这个组件又是正常的 这是我...
- 1
回答
23浏览
Storybook Composition 加载远程 stories 时为啥不显示？
我在用 Storybook 的 Composition 功能，想把另一个团队的 UI 组件库（部署在 Vercel 上）集成到我本地的 Storybook 里。按照文档在 .storybook/mai...
- 2
回答
58浏览
React高阶组件传递props时报错，该如何解决？
最近在尝试用高阶组件封装一个表单组件，但发现装饰后的组件接收不到props参数。比如传入的onSubmit函数在子组件里变成undefined了。 我按照教程写了个withLogger HOC，用函数...
- 1
回答
32浏览
Storybook Composition 中子项目样式冲突怎么解决？
我在用 Storybook 的 Composition 功能把两个子项目的 stories 合并到主 Storybook 里，但发现子项目里的全局 CSS 影响了主项目的 UI 样式。明明两个项目用的...
export const Primary = (args) =>，然后在 story 外面加Primary.args = { label: 'Click me', variant: 'primary' }或者更简单点，直接用
export const Primary = { render: (args) => , args: { label: 'Click me', variant: 'primary' } }