如何将基本组件的 propTypes 应用到样式组件?

发布于 2025-01-12 19:59:47 字数 844 浏览 1 评论 0原文

请注意,我没有使用 TypeScript,仅使用 JavaScript (jsx)。

我正在尝试使用样式组件对 UI 库中的一些按钮进行样式设置。当我尝试实现新样式的按钮时,VSCode 中的智能感知不会建议原始组件上的任何属性。

直接实现按钮时,我可以看到 icon 属性/定义:

1

但是,当我尝试创建样式化的 Button 组件时,Intellisense 不再起作用:

2< /a>

我尝试将样式组件的 defaultPropspropTypes 设置为 Button 组件的 defaultPropspropTypes,但这也不起作用:

<一href="https://i.sstatic.net/r717c.png" rel="nofollow noreferrer">3< /a>

我做错了什么吗?或者如果没有 TypeScript,这是不可能的吗?

Note that I am not using TypeScript, only JavaScript (jsx).

I am trying to style some buttons from a UI library using styled-components. When I try to implement that new styled button, the Intellisense in VSCode does not suggest any of the properties on the original component.

When implementing the Button directly, I can see the icon attribute/definition:

1

However, when I try creating a styled Button component, Intellisense is no longer functioning:

2

I have tried setting the defaultProps and propTypes of the styled component to that of the Button component, though this also does not work:

3

Am I doing something wrong, or is this not possible without TypeScript?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

左秋 2025-01-19 19:59:47

不知道为什么会这样。您可以尝试为 StyledButton 指定这样的 proptypes 吗?使用这种方法应该可以工作(即使没有打字稿)。

StyledButton.propTypes = {
  color: PropTypes.string
};

而不是分配它StyledButton.propTypes = Button.propTypes

您可以在官方文档上查看更多相关信息 - 文档 URL

Not sure why is it happening so. Did you can try specifying proptypes like this for StyledButton ? It should work using this approach(even without typescript).

StyledButton.propTypes = {
  color: PropTypes.string
};

Instead of assigning it StyledButton.propTypes = Button.propTypes.

You can check more about it on official documentation - documentataion URL

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文