Storybook 中如何正确传递 props 给组件的 Stories？
我在写 Storybook 的 stories 时，想给 React 组件传 props，但试了几次都没生效。比如我有个 Button 组件，写了下面这样的 story：
export const Primary = () => <Button label="Click me" variant="primary" />;但控制台报错说 label 和 variant 是 undefined，是不是写法不对？应该用 args 还是直接传？
- 2
回答
22浏览
Storybook中如何在多个stories间共享parameters配置？
最近在用Storybook写组件文档时发现，每个stories文件都要重复写相同的parameters配置，比如布局和主题设置，这样维护起来好麻烦。我尝试把参数抽离到预设文件里，但运行时提示找不到gl...
- 1
回答
22浏览
Storybook文档页面怎么让组件参数都显示出来？有些属性没显示出来
我在用Storybook的MDX文档写组件说明时，发现有些props参数在自动文档里没显示出来。比如给按钮组件加了isLoading属性并写了注释，但生成的表格里就是没这项。 我尝试在组件文件里用JS...
- 1
回答
142浏览
Storybook里组件显示空白但本地运行正常怎么办？
刚用@storybook/react创建了一个按钮组件，写好stories后预览页面全是空白，控制台没有报错。试过npm rebuild和清除缓存还是不行，但直接在项目里运行这个组件又是正常的 这是我...
- 2
回答
35浏览
React高阶组件传递props时报错，该如何解决？
最近在尝试用高阶组件封装一个表单组件，但发现装饰后的组件接收不到props参数。比如传入的onSubmit函数在子组件里变成undefined了。 我按照教程写了个withLogger HOC，用函数...
- 2
回答
11浏览
低代码平台中如何动态绑定组件的props？
我在用内部低代码平台搭页面，有个自定义组件需要根据上游组件的输出动态传props，但写死可以，一用变量就报错。 比如我想把A组件的value传给B组件的inputValue，试过用{{ aCompon...
- 1
回答
14浏览
Storybook中如何为组件注入全局Context Provider？
我在用Storybook写一个按钮组件的Story时，发现组件依赖项目里的AuthContext，但Storybook运行时报错找不到Context值。我试过在.stories.jsx里用addDec...
- 2
回答
42浏览
Babel插件遍历React组件时如何修改props默认值？
我在用Babel插件处理React组件时遇到问题，想通过AST修改组件默认props，但总报错。比如这个组件： class MyComponent extends React.Component { ...
- 2
回答
73浏览
Storybook MDX中如何正确导入并使用外部CSS样式文件？
我在用Storybook的MDX文档写组件示例时，想给代码块添加自定义样式。尝试用import './styles.css'导入外部CSS文件，但样式完全没生效。 已经把CSS文件放在.stories...
- 2
回答
48浏览
React组件中定义的props未使用时，如何优雅处理ESLint警告？
在开发React组件时，我经常会遇到ESLint提示"props未被使用"的警告。比如定义了一个Table组件接收data和isLoading两个props，但有时候某个props暂时没用的时候：fu...
- 1
回答
18浏览
封装 Vue 组件时 props 怎么设计才更灵活？
我最近在封装一个通用的按钮组件，想让它既能支持普通点击，又能传入自定义图标和样式。但每次加新功能就得改 props 结构，感觉很僵硬。比如现在这样写： props: { type: { type: S...
export const Primary = (args) =>，然后在 story 外面加Primary.args = { label: 'Click me', variant: 'primary' }或者更简单点，直接用
export const Primary = { render: (args) => , args: { label: 'Click me', variant: 'primary' } }