时间戳

首页 > 解决方案 > Args 与 ArgTypes

javascript - Args 与 ArgTypes

问题描述

我试图更好地了解何时使用args与何时使用argTypes？有什么区别？

从我读到的似乎 argTypes 只是 args 的扩展，并允许更好的功能文档。但还有更多吗？

在下面的例子中，我们可以更新故事书 UI 中的“标签”，无论是它argTypes还是args.

** 添加最小可重现示例 **

// Button.stories.js

export default {
  title: 'Button',
  argTypes: {
    label: { control: 'text' },
  },
};

export const Basic = (args) => <Button {...args} />;
Basic.args = {
  label: '',
};

标签： javascriptreactjsstorybook

解决方案

从不和谐聊天中重新发布有用的解释：

arg 是传递给 Story 的值。它们类似于 React 中的 props。argType 是 arg 的类型（标签、描述、类型、控件、默认值等）。它们类似于 React 中的 propType，或 TypeScript 中的组件接口属性。

推荐阅读