javascript - Args 与 ArgTypes

Question

我试图更好地理解何时使用 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: '',
};

Answer 1

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

arg is the value passed to the Story. They're analogous to props, in React. argType is the type (label, description, type, control, defaultValue, etc.) for an arg. They're analogous to propType in React, or a component interface property, in TypeScript.