TypeScript：定義類型的正確方法是什么

Question

我對 typescript 類型的分配有點困惑。 在我的示例中，我想知道如何定義不會是“任何類型”的道具類型，以及如何定義標題的類型、handleOnPress、svg SideMenuItem的參數SideMenuItem

const SideMenu = (props: any) => {
  const SideMenuItem = ({ title, handleOnPress, svg }) => (
    <TouchableOpacity style={styles.sideMenuItem} onPress={handleOnPress}>
      <View style={styles.syncView}>
        {svg}
        <Text style={styles.sideMenuItemText}>{title}</Text>
      </View>
    </TouchableOpacity>
  );

Answer 1

在界面中為您的組件定義道具類型

interface SideMenuItemProps {
  title: string;
  handleOnPress: () => void;
  svg: ReactNode;
}

然后在組件定義中定義prop類型

const SideMenuItem = ({ title, handleOnPress, svg }: SideMenuItemProps) => (
  //...
);