reactjs - 什么是 react typescript 的 React.ComponentPropsWithoutRef

Question

对于将 React 与 typescript 一起使用，React.ComponentPropsWithoutRef 的用途是什么。是否有此属性的任何文档？

Answer 1

ComponentPropsWithoutRef 类型可用于获取 HTML 元素的所有原生属性作为组件的 props 类型。

您可以像这样简单地创建一个具有所有原生按钮属性的类型:

type ButtonProps = React.ComponentPropsWithoutRef<"button">
const Button = ({ children, onClick, type }: ButtonProps) => {
  return (
    <button onClick={onClick} type={type}>
      {children}
    </button>
  )
}

这里是link这更多地讨论了 ComponentPropsWithoutRef 在 typescript 中的用法。请参阅“如何键入(扩展)HTML 元素”和“ComponentPropsWithoutRef 与 [Element]HTMLAttributes”部分