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

laik7k3q  于 6个月前  发布在  React
关注(0)|答案(1)|浏览(57)

描述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
  },
};

生成的内容

重现方法

这里使用默认的Storybook Button示例进行真实重现:
https://stackblitz.com/edit/github-r73xza?file=src%2Fstories%2FButton.stories.ts&preset=node

系统信息

  • 无响应*

其他上下文信息

  • 无响应*

相关问题