如何将基本组件的 propTypes 应用到样式组件?
请注意,我没有使用 TypeScript,仅使用 JavaScript (jsx)。
我正在尝试使用样式组件对 UI 库中的一些按钮进行样式设置。当我尝试实现新样式的按钮时,VSCode 中的智能感知不会建议原始组件上的任何属性。
直接实现按钮时,我可以看到 icon
属性/定义:
但是,当我尝试创建样式化的 Button 组件时,Intellisense 不再起作用:
我尝试将样式组件的 defaultProps
和 propTypes
设置为 Button
组件的 defaultProps
和 propTypes
,但这也不起作用:
<一href="https://i.sstatic.net/r717c.png" rel="nofollow noreferrer">< /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:
However, when I try creating a styled Button component, Intellisense is no longer functioning:
I have tried setting the defaultProps
and propTypes
of the styled component to that of the Button
component, though this also does not work:
Am I doing something wrong, or is this not possible without TypeScript?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
不知道为什么会这样。您可以尝试为 StyledButton 指定这样的 proptypes 吗?使用这种方法应该可以工作(即使没有打字稿)。
而不是分配它
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).
Instead of assigning it
StyledButton.propTypes = Button.propTypes
.You can check more about it on official documentation - documentataion URL