args和bind

Question

老师课程中使用bind一个空对象是什么意思，官方文档说重复使用我也没有太理解，能详细解释一下吗

//👇 Each story then reuses that template
export const Primary = Template.bind({});

Answer 1

张轩 2022-08-14 17:23:21

同学你好

这个其实就是用原来旧的函数创建一个新的函数，bind 也是 javascript function 上面的一个方法，https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_objects/Function/bind

这样做就是比较省时省力。

const Template = (args) => <Button {...args} />;
// 不用 bind 的话，我们可能要写一些重复的函数
const Primary = (args) => <Button {...args} />;

• 慕神3322939 #1

  不明白的是：为什么可以使用default.args直接设置函数参数呢

• 张轩 回复 慕神3322939 #2

  同学你好 这个是 storybook 函数的专属特性，它有一个 args 属性，可以让你设定参数。