组件无法从 React Native 中的 index.d.ts 文件自动导入类型

Question

我有一个名为 ColorBox 的组件，在它的文件夹中，我有组件本身、它的样式和一个索引文件以及我的类型的index.d.ts文件：

  ColorBox
   |- Colorbox.tsx
   |- index.ts
   |- styles.ts
   |- index.d.ts

这是我的index.d.ts文件：

export interface IProps {
  colorName: string;
  colorHex: string;
}

export interface IBGColor {
  backgroundColor: string;
}

这是我的ColorBox.tsx组件：

import React from 'react';
import { View, Text, StyleSheet } from 'react-native';

import styles from './styles';

const ColorBox: React.FC<IProps> = ({ colorName, colorHex }) => {
  const boxColor: IBGColor = {
    backgroundColor: colorHex,
  };

  return (
    <View style={[styles.box, boxColor]}>
      <Text style={styles.boxText}>{colorName}</Text>
    </View>
  );
};

export default ColorBox;

问题是IProps和IBGColor类型不会从index.d.ts文件自动导入，它是如何工作的，我一直在阅读有关 TypeScript 的文章，有人提到如果将index.d.ts文件放入其中的模块中，TypeScript 将依赖它并尝试从该文件中查找类型，但为什么它在我的组件中不起作用？

我应该在我的模块中显式导入使用过的类型吗？ 如果是这样，那么index.d.ts文件为我们提供了什么好处？

此外，我使用常规的 react-native init 项目，而不是任何其他花哨的样板！

Answer 1

index.d.ts用于声明全局类型，因为这些类型在你的整个项目中都是可用的，所以你不需要在你的组件中导入它，或者在index.d.ts文件中导出它，只需使用它.