為 onClick 屬性添加類型，該屬性位於 React TypeScript 中的 ...props 中

Question

我有一個按鈕組件，我正在嘗試使用type編寫道具類型，並且在控制台中看到此錯誤。 有人可以幫忙嗎？

Type '{ children: string; label: string; onClick: () => void; }' is not assignable to type 'IntrinsicAttributes & Props'.
  Property 'onClick' does not exist on type 'IntrinsicAttributes & Props'.  TS2322

摘自我的代碼

type Props = {
  label: string;
  children: ReactNode;
};

const Button = ({ label, children, ...props }: Props) => (
  <button label={label} {...props}>
    {children}
  </button>
);

Answer 1

您需要將onClick添加到Props中，例如：

type Props = {
  label: string;
  children: ReactNode;
  onClick: () => void;
};