代码之家  ›  专栏  ›  技术社区  ›  Eteka Wilfried

如何在单个文件中重命名具有相同名称的日期库?[已关闭]

  •  0
  • Eteka Wilfried  · 技术社区  · 1 年前

    在同一文件中导入两个日期库时遇到问题。两个库共享相同的名称“Datepicker”,我想在我的项目中使用这两个库。

    目前,我正在按如下方式导入库:

    import DatePicker from "react-datepicker";
    import Datepicker from "react-tailwindcss-datepicker";
    

    但是,由于名称相同,第二个导入会覆盖第一个库,因此我不能同时使用这两个库。

    我知道一个潜在的解决方案是重命名第二个导入。然而,我不确定最好的方法。

    有人能指导我如何正确重命名第二个导入以避免命名冲突吗?有没有建议的惯例来处理这种情况?

    我尝试执行以下代码:

    import Datepicker as TDatepicker from "react-tailwindcss-datepicker";
    

    它不起作用

    3 回复  |  直到 1 年前
        1
  •  0
  •   Abasaheb Gaware    1 年前

    你可以试试这个:

    import TDatepicker from "react-tailwindcss-datepicker";
    
        2
  •  0
  •   BadPiggie    1 年前

    导入时 default exported 项目,您可以直接使用任何名称 没有 as 关键字。

    import DatePicker from "react-datepicker";
    import MyAnotherDatepicker from "react-tailwindcss-datepicker";
    

    如果您想导入 named exported 项目名称重复,您必须使用 关键字。

    import DatePicker from "react-datepicker";
    import { Datepicker as MyAnotherDatepicker } from "react-tailwindcss-datepicker";
    

    包裹 react-tailwindcss-datepicker 提供默认导出,您只需根据需要命名导入即可。

    import WhateverYouWant from "react-tailwindcss-datepicker";
    
        3
  •  -1
  •   26ph19    1 年前

    你也可以试试这个。

    import * as TDatePicker from "react-tailwindcss-datepicker";