繁体   English   中英

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

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

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我是 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 个回复

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

function BasicInfo({handleIndex}) {...}
1 如何修复错误类型 void 不可分配给使用 react 和 typescript 的类型?

我有像下面这样的代码。 现在使用上面的代码,详细数据不会更新页面刷新。 所以我想把细节的计算逻辑放在 useMemo 中,这样它在数据变化时计算这个逻辑,因此不需要重新加载页面来查看新数据。 所以我试着把逻辑放在 useMemo 中 但这给了我错误“类型 'void' 不能分配给类型 'P ...

暂无
暂无

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

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM