代码有效，但仍会遇到“绑定元素”计数“计数”的错误，隐含地具有“任何“类型””。如何摆脱这一点？

Question

与Usestate一起工作。我将状态变量和渲染函数传递给我的按钮组件。代码似乎正在起作用，但是在阅读按钮组件中的道具时，我会隐式地获得“绑定元素”计数。

'use client';

import { count } from "console";
import { useState } from "react";

function MyButton({ count, setCount }) {

  function handleClick() {
    setCount(count + 1);
  }
  return (
    <button className="bg-sky-500 mt-2 rounded-md p-2" onClick={handleClick}>Click yMe!</button>
  );
}

export default function Home() {

  const [count, setCount] = useState(0);


  return (
    <div className="min-h-screen flex flex-col items-center justify-center bg-cyan-300">
      <div className="flex flex-col items-center">
        <h1>This is a React Demo. Button is clicked {count} times.</h1>
        <MyButton count={count} setCount={setCount} />
        {/* <ul>{pList}</ul> */}
      </div>
    </div>
  );
}

关于如何摆脱此错误的任何想法？

在定义组件时，您尚未提及计数类型。

Answer 1