storybook “文档”选项卡的属性表中缺少子项

woobm2wo 于 2022-10-29 发布在其他

关注(0)|答案(2)|浏览(296)

描述Bug

我有一个组件，它的唯一属性是children，但是docs插件没有显示这个属性，这导致属性表完全丢失。

重现

重现该行为的步骤：
1.编写一个唯一属性为children的组件
1.配置docs加载项并查看组件的文档

预期行为

children应该像任何其他属性一样显示。

屏幕截图

程式码片段

export interface Props {
  children: ReactNode;
}

export const Foo = (props) => (
  <div>{props.children}</div>
);

Foo.propTypes = {
  children: PropTypes.node.isRequired,
};

系统

Environment Info:

  System:
    OS: Windows 10 10.0.19042
    CPU: (4) x64 Intel(R) Core(TM) i7-6600U CPU @ 2.60GHz
  Binaries:
    Node: 14.15.0 - C:\Program Files\Node.js\node.EXE
    Yarn: 1.22.5 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
    npm: 6.14.8 - C:\Program Files\Node.js\npm.CMD
  Browsers:
    Chrome: 88.0.4324.150
    Edge: Spartan (44.19041.423.0), Chromium (88.0.705.63)
  npmPackages:
    @storybook/addon-actions: 6.1.15 => 6.1.15
    @storybook/addon-knobs: 6.1.15 => 6.1.15
    @storybook/addons: 6.1.15 => 6.1.15
    @storybook/core: 6.1.15 => 6.1.15
    @storybook/react: 6.1.15 => 6.1.15
    @storybook/theming: 6.1.15 => 6.1.15

storybook

来源：https://github.com/storybookjs/storybook/issues/13870

2条答案

按热度按时间

5w9g7ksd1#

可能已在#13911中修复

赞(0）回复(0）举报 2022-10-29

shstlldc2#

@shilman我正在使用Storybook（6.1.20）的一个相当新的版本，这个版本仍然是坏的。事实上，我认为这个问题比最初报道的还要糟糕：如果一个组件的属性继承了另一个组件的属性，那么这些属性也会丢失。
例如，如果您有：

type InheritedProps = Pick<OtherComponentProps, 'foo'>;

interface Props extends InheritedProps {
  bar: string;
}

则bar将出现在props表中，但foo不会出现。

赞(0）回复(0）举报 2022-10-29

我来回答

storybook “文档”选项卡的属性表中缺少子项

2条答案

相关问题

热门标签

最新问答