javascript - 使用 Flow.js 在 React 中自动完成自定义按钮组件的 vs-code

Question

我正在 React 中创建一个自定义按钮组件。该组件的基本版本看起来像这样 -

// @flow

type ButtonPropsType = {};
const Button = (props: ButtonPropsType) => {
  const { children, ...rest } = props;
  return <button {...rest}>{children}</button>
}

let App = () => {
  return (
    <div>
      <Button style={{ margin: 10 }}>Sahil Kapoor</Button>
    </div>
  )
}

我应该如何定义 Button 组件的类型，以便 VS-Code 知道我的 Button 组件接受普通 React 按钮元素的所有属性，如 style、onClick、className 等？

Answer 1

您可以从 HTMLButtonElement 类的类型扩展您的类型，该类允许按钮的所有基本属性

引用here适用于所有流类型