Javascript 如何在Storybook'；组件故事格式（CSF）？

我有一个简单的

按钮

组件，包含多个故事。所有这些故事都需要相同的旋钮配置

这种方法在以下方面起作用：

export const Default=（）=>按钮；
export const Disabled=（）=>按钮；
导出常量大纲=（）=>按钮；

但是，我不想重复

select

语句。我试着传播，就像这样：

const旋钮={
大小：选择（'size'，['x-large'，'normal'，'x-small']，'x-small'）
};
​
导出常量默认值=（）=>按钮；
export const Disabled=（）=>按钮；
导出常量大纲=（）=>按钮；

但不起作用：旋钮显示在UI中，但当我更新下拉列表时，新值不会传递给旋钮

---

我做错了什么？

显然，当你将道具作为一种功能进行传播时，这是有效的。这就是我最终让事情运转起来的方式：

const旋钮=（）=>({
大小：选择（'size'，['x-large'，'normal'，'x-small']，'x-small'）
});
​
导出常量默认值=（）=>按钮；
export const Disabled=（）=>按钮；
导出常量大纲=（）=>按钮；

显然，当你将道具作为一种功能进行传播时，这一点是有效的。这就是我最终让事情运转起来的方式：

const旋钮=（）=>({
大小：选择（'size'，['x-large'，'normal'，'x-small']，'x-small'）
});
​
导出常量默认值=（）=>按钮；
export const Disabled=（）=>按钮；
导出常量大纲=（）=>按钮；

您能试试这个吗：

const knobs = {
  size: () => select('size', ['x-large', 'normal', 'x-small'], 'x-small')
};

你能试试这个吗

const knobs = {
  size: () => select('size', ['x-large', 'normal', 'x-small'], 'x-small')
};

---

我试过了。当我使用它时，它会在UI中显示select，但它不起作用。看我的答案，这就是我最终成功的原因。我试过了。当我使用它时，它会在UI中显示select，但它不起作用。看我的答案，这就是我最终让它工作的原因。真奇怪。谢谢你！真奇怪。谢谢你！