storybook [Bug]:源代码在React组件的属性值为false时忽略该属性翻译结果：[Bug]:当React组件的属性值为false时，源代码会忽略该属性,

laik7k3q 于 4个月前发布在 React

关注(0)|答案(1)|浏览(45)

描述bug

如果我写一个故事，其中一个参数是一个布尔类型的prop,设置为false,我希望看到它作为生成的源代码的一部分。

示例

// The component
const Button: React.FC<{primary?: boolean}> = ({ primary = true, ...rest}) => {
  const mode = primary
    ? 'storybook-button--primary'
    : 'storybook-button--secondary';

  return  <button className={mode} {...rest} />
}

// Stories
export const Primary: Story = {
  args: {
    primary: true,
    label: 'Button',
  },
};

export const PrimaryIsUndefined: Story = {
  args: {
    label: 'Button',
    primary: undefined
  },
};

export const PrimaryIsFalse: Story = {
  args: {
    label: 'Button',
    primary: false
  },
};