在React TypeScript的... props中为onClick属性添加类型

我有一个按钮组件,正在尝试使用它编写道具类型,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>
);
tmwilliamlin168

您需要添加onClickProps这样的:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

TypeScript属性'navigation'在类型中缺失,但在'Props'类型中是必需的React Native

来自分类Dev

在TypeScript中从React.router.dom添加到props.location.state的类型

来自分类Dev

React 组件的 Typescript 属性类型的语法?

来自分类Dev

如何使用Typescript在React中为<video>引用定义类型?

来自分类Dev

React Typescript - 添加自定义属性

来自分类Dev

React中TypeScript中事件的类型

来自分类Dev

从React(TypeScript)导入事件类型

来自分类Dev

React TypeScript:onChange的正确类型

来自分类Dev

React Router的路径的TypeScript类型?

来自分类Dev

React Typescript createContext类型问题

来自分类Dev

TypeScript和React中的联合类型道具

来自分类Dev

React Native中onLayout事件的TypeScript类型?

来自分类Dev

Typescript,React中的复杂类型

来自分类Dev

TypeScript React,获取div onClick的ID的正确类型是什么?

来自分类Dev

无法使用 Typescript 在 React 的 onClick 属性上分配函数

来自分类Dev

如何在React TypeScript中实现e和props?

来自分类Dev

React TypeScript:路线位置和子代属性的正确类型

来自分类Dev

属性“名称”在类型“ EventTarget”上不存在-React + TypeScript

来自分类Dev

在React Typescript中创建一个自定义按钮并添加onClick事件

来自分类Dev

React Hooks TypeScript事件和状态类型

来自分类Dev

React.ForwardRef TypeScript组件类型错误

来自分类Dev

使用TypeScript设置React Component的状态类型

来自分类Dev

React Native扩展NativeModules TypeScript类型

来自分类Dev

React和Typescript-错误的类型检查

来自分类Dev

React Typescript:导出包含枚举的类型

来自分类Dev

React TypeScript从Click事件获取数据属性

来自分类Dev

向TypeScript,React NPM包添加样式

来自分类Dev

react / typescript中的泛型道具-如何使T成为属性的类型?

来自分类Dev

如何在Typescript中为React useReducer钩子动作创建类型定义?

Related 相关文章

  1. 1

    TypeScript属性'navigation'在类型中缺失,但在'Props'类型中是必需的React Native

  2. 2

    在TypeScript中从React.router.dom添加到props.location.state的类型

  3. 3

    React 组件的 Typescript 属性类型的语法?

  4. 4

    如何使用Typescript在React中为<video>引用定义类型?

  5. 5

    React Typescript - 添加自定义属性

  6. 6

    React中TypeScript中事件的类型

  7. 7

    从React(TypeScript)导入事件类型

  8. 8

    React TypeScript:onChange的正确类型

  9. 9

    React Router的路径的TypeScript类型?

  10. 10

    React Typescript createContext类型问题

  11. 11

    TypeScript和React中的联合类型道具

  12. 12

    React Native中onLayout事件的TypeScript类型?

  13. 13

    Typescript,React中的复杂类型

  14. 14

    TypeScript React,获取div onClick的ID的正确类型是什么?

  15. 15

    无法使用 Typescript 在 React 的 onClick 属性上分配函数

  16. 16

    如何在React TypeScript中实现e和props?

  17. 17

    React TypeScript:路线位置和子代属性的正确类型

  18. 18

    属性“名称”在类型“ EventTarget”上不存在-React + TypeScript

  19. 19

    在React Typescript中创建一个自定义按钮并添加onClick事件

  20. 20

    React Hooks TypeScript事件和状态类型

  21. 21

    React.ForwardRef TypeScript组件类型错误

  22. 22

    使用TypeScript设置React Component的状态类型

  23. 23

    React Native扩展NativeModules TypeScript类型

  24. 24

    React和Typescript-错误的类型检查

  25. 25

    React Typescript:导出包含枚举的类型

  26. 26

    React TypeScript从Click事件获取数据属性

  27. 27

    向TypeScript,React NPM包添加样式

  28. 28

    react / typescript中的泛型道具-如何使T成为属性的类型?

  29. 29

    如何在Typescript中为React useReducer钩子动作创建类型定义?

热门标签

归档