Javascript 在next.js typescript中传递状态时，我一直得到：不可分配给type'；内在的敬意'；

我正在尝试将react next.js typescript应用程序中的状态从index.tsx页面传递到我的注册组件，但是我一直在收到电子邮件useState钩子上的错误：

类型“{email:string；}”不可分配给类型“intrinsitattributes”。 属性“email”在类型“IntrinsicatAttributes”上不存在

我将如何着手修复此问题，我的代码如下所示

export default function Home() {
  // state to handle signup email and password
  const [email, setEmail] = useState("");
  const [password, setPassword] = useState("");

  return (
    <div className={styles.container}>
      <title>
        example
      </title>
      <div className={styles.container}>
      </div>
      <Signup email={email} /> //The error shows up here as I am passing the state
      <Login />
      <link rel="icon" href="/favicon.ico" />
    </div>
  );
}

导出默认函数Home（）{
//处理注册电子邮件和密码的状态
const[email，setEmail]=useState（“”）；
const[password，setPassword]=useState（“”）；
返回(
例子
//当我传递状态时，错误显示在这里
);
}

这意味着您的

注册

组件没有（或至少没有声明）使用

电子邮件

属性。要判断调用或声明是否错误，您需要向我们展示两者。我觉得非常愚蠢，但感谢您，我没有意识到我没有将其作为道具传递，它解决了问题