Question

我是 Typescript 的新手。假设我有一个名为 TitleSubtitle 的组件，它返回一个 Title 组件和一个 Subtitle 组件。

Title 组件有道具：

interface TitleProps {
    text: string;
}

Subtitle 组件有道具：

interface SubtitleProps {
    text: string;
}

现在，在为 TitleSubtitle 组件设置道具时，我可以这样做：

interface TitleSubtitleProps {
    titleText: string;
    subtitleText: string;
}

或者，有什么方法可以做这样的事情：

interface TitleSubtitleProps {
    title: TitleProps;
    subtitle: SubtitleProps;
}

这有意义吗？谢谢！

Answer 1

如果您希望将 title 和 subtitle 分别指定为 TitleProps["text"] 和 SubtitleProps["text"] 类型，您可以这样做 -

interface TitleSubtitleProps {
  title: TitleProps["text"] // SubTitleProps.title: string
  subtitle: SubtitleProps["text"] // SubtitleTitleProps.subtitle: string
}

打字稿在道具中获取儿童道具

1 个答案: