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

Question

我是 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'.

我能做些什么呢？

Answer 1

看到您的BasicInfo組件，我可以看到它不需要任何道具。 您應該將 handleInfo 添加到道具：

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