重新导出索引文件中的默认导出时，VSCode 不建议自动导入

Question

我正在开发一个 React 应用程序并来到这个案例。

输入：

• 文件夹结构：

  /ProductTypeSelection
    index.tsx
    ProductTypeSelectionView.tsx
  

• ProductTypeSelectionView.tsx：

  const ProductTypeSelectionView: React.FunctionComponent<ProductTypeSelectionViewProps> = () => {
   return <div />;
  };
  
  export default ProductTypeSelectionView;
  

• index.tsx：

  export { default } from './ProductTypeSelectionView'
  

期望的输出
现在我可以像这样导入 ProductTypeSelection 组件：import ProductTypeSelection from 'src/ProductTypeSelection' 但 VSCode 不建议自动导入 ProductTypeSelection（只是 ProductTypeSelectionView）。

所以我想要的输出将能够使用该导入语法并同时从 VSCode 获得 ProductTypeSelection 导入建议。我想知道这是否可以实现，非常感谢。

试过
这将按预期工作，但想知道我是否可以在 1 行中重写它。

import ProductTypeSelection from "./ProductTypeSelectionView";

export default ProductTypeSelection;

Answer 1

您导出default，改为尝试：

export { default as ProductTypeSelectionView } from './ProductTypeSelectionView'