堆栈内存溢出
  繁体   English   中英

如何使用 TypeScript 和 React 修复类型“{handleIndex: ()=> void}”不可分配给类型“IntrinsicAttributes”？

[英]How to fix the Type ‘{handleIndex: ()=> void}’ is not assignable to type 'IntrinsicAttributes' with TypeScript and React?

 jiaegong  2022-07-15 15:18:47  25   1    typescript

问题描述

我是 Typescript 的新手，所以我不知道为什么会发生这个错误以及如何解决它......这是我的代码。

export default function SignupPage() {
  const [index, setIndex] = useState<number>(0);

  const handleIndex = () => {
    setIndex(index + 1);
  };

  return (
    <div>
      <BasicInfo handleIndex={handleIndex} /> // error
    </div>
  );
}

我想将handleIndex函数作为BasicInfo组件的道具传递，但出现此错误：

Type ‘{handleIndex: ()=> void}’ is not assignable to type 'IntrinsicAttributes'.

我能做些什么呢？

1 条回复

1楼
 Toni Bardina Comas  0  2022-07-15 19:40:02

看到您的BasicInfo组件，我可以看到它不需要任何道具。 您应该将 handleInfo 添加到道具：

function BasicInfo({handleIndex}) {...}

问题未解决？试试以下方法：

如何使用 TypeScript 和 React 修复类型“{handleIndex: ()=&gt; void}”不可分配给类型“IntrinsicAttributes”？

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何修复错误类型 void is not assignable to type using react and typescript？ 与 TypeScript 反应：类型不可分配给类型“IntrinsicAttributes” onClick 无法分配给 TypeScript 反应中的类型“IntrinsicAttributes”错误 Typescript 错误：类型'{ onClick: () =&gt; void; }' 不可分配给类型 'IntrinsicAttributes' TypeScript 错误：类型 &#39;type&#39; 不可分配给类型 &#39;IntrinsicAttributes &amp; &#39;type&#39; &amp; { children?: ReactNode; }&#39;。 如何解决？ 无效类型不能分配给布尔类型（反应/打字稿） 对于具有扩展的可区分联合的 React 组件，TypeScript 错误“不可分配给类型‘IntrinsicAttributes’” 不可分配到类型“IntrinsicAttributes”（React.js 和 TypeScript.js） 类型 void 不可分配给 'IntrinsicAttributes & Dispatch <setstateaction<> >' </setstateaction<> TypeScript错误：类型“…”不能分配给类型“ IntrinsicAttributes＆Number”
相关标签
 
粤ICP备18138465号  © 2020-2023 STACKOOM.COM