ComponentProps

自 1.2.0 起

从 React 组件或内置元素中提取 props。

签名

type ComponentProps<T> = T extends keyof JSX.IntrinsicElements
  ? JSX.IntrinsicElements[T]
  : T extends ReactComponentType<infer P>
    ? P
    : never

参数

参数	描述
T	组件类型或内置元素键

示例

内置元素

import type { ComponentProps } from 'uni-types'

type ButtonProps = ComponentProps<'button'>
type InputProps = ComponentProps<'input'>
type DivProps = ComponentProps<'div'>

自定义组件

import type { ComponentProps } from 'uni-types'

const MyButton = (props: { variant: 'primary' | 'secondary'; onClick: () => void }) => null

type Props = ComponentProps<typeof MyButton>
// { variant: 'primary' | 'secondary'; onClick: () => void }

扩展 Props

interface CustomButtonProps extends ComponentProps<'button'> {
  variant: 'primary' | 'secondary'
}

相关

• PropsWithChildren - 添加 children prop
• RequiredProps - 获取必需的 prop 键
• OptionalProps - 获取可选的 prop 键