【问题标题】:Auto import the prop-types package when using PropTypes使用 PropTypes 时自动导入 prop-types 包
【发布时间】:2021-11-17 13:24:56
【问题描述】:

不确定这是否是合适的社区,但对我来说值得一试:我正在使用来自prop-types npm 包的 PropTypes。它非常适合输入您的 React 应用程序,但对我来说真正烦人的一件事是,当我使用 PropTypes 时,我的 vs 代码编辑器无法识别导入。这对我来说确实有意义,因为这个包被称为 prop-types 并且你将它作为默认导入导入,大多数时候命名为 PropTypes,但我想知道是否有人有一个很好的技巧来让它与 auto 一起工作在 vs 代码中导入,或任何其他方式,因此我不必手动导入它。

所以.. 输入时:

DiscoverAppsBanner.propTypes = {
  trackingContext: PropTypes
}

我希望导入会显示在这里:

有人有好主意吗? :)

【问题讨论】:

  • 你试过@types吗?

标签: reactjs visual-studio-code react-proptypes


【解决方案1】:

就我而言,我通过一个疯狂的技巧解决了问题,我创建了一个名为 propTypes.js 的文件,并在这个文件中导入和导出库,如下所示:

import PropTypes from 'prop-types';

export default PropTypes;

通过这个技巧,自动导入是可行的,并且引用了我的文件,我忘记了任何人的导入。

以及导入结果import PropTypes from "propTypes";

【讨论】:

  • 是的,正如您在赏金描述中看到的那样,我们已经做了同样的事情 :) 现在这很好,但是如果我们得到更多有相同问题的库,那么我们就无处可去不幸的是。
  • 哎呀,对不起,我没看到...,你是对的,这里的问题基于每个库的 TS Api 版本,因此修复通常不是来自 vs-code 本身(一般来说),它来自图书馆......我也会关注这个......谢谢
【解决方案2】:

prop-types缺少类型信息,你可以用npm i @types/prop-types添加它们

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-10-02
    • 2017-12-05
    • 2021-10-15
    • 2020-06-23
    • 2017-06-08
    • 2018-03-16
    • 2019-12-09
    • 2021-08-26
    相关资源
    最近更新 更多