可以保持类型不变，并将属性传递给Button：

const TextButton: React.FC<TextButtonProps> = ({ textColor, buttonProps }) => (
  <Button {...buttonProps}>
    <Text color={textColor}>...</Text>
  </Text>
);

例如，如果你需要在<TextButton>中使用ButtonProps.backgroundColor，那么你需要编写类似<Text foreground={textColor} background={buttonProps?.backgroundColor}>的代码。我个人觉得TextButtonProps.buttonProps有点令人困惑：想想打电话的人：

<TextButton textColor="red" buttonProps={{ backgroundColor: "green" }}>
  Click me
</TextButton>

真的很困惑。
注意：您可以从类型中拾取属性：

interface TextButtonProps extends Pick<ButtonProps, "backgroundColor"> {
}

但这不是我在这里要做的，我只是用附加属性扩展ButtonProps接口：

interface TextButtonProps extends ButtonProps {
  textColor?: Colors;
}

您的组件将是：

const TextButton: React.FC<TextButtonProps> = ({ children, textColor, ...buttonProps }) => (
  <Button {...buttonProps}>
    <Text color={textColor}>{children}</Text>
  </Text>
);

额外说明：如果你使用React.FC，你就不需要声明children（我强烈建议你总是声明children）。注意React 18的类型会有一些变化，所以你可能需要使用React.FC<React.PropsWithChildren<ButtonProps>>。请记住，type T = { ... } & V与interface T extends V { ... }并不相同（即使在大多数情况下，您可能并不关心两者之间的差异）。

如果要声明具有其他属性的类型，可以使用交集：

type TextButtonProps = ButtonProps & {
    textColor?: Colors
}

尝试以下操作，但不创建额外的类型定义：

**文本按钮属性和文本按钮属性[文本按钮属性的键]**作为类型，它也应该采用嵌套类型

const TextButton = ({
      backgroundColor,
      textColor = 'black',
      textProps,
      ...buttonProps,
}: TextButtonProps & TextButtonProps[keyof TextButtonProps] ) => {