如何纠正打字稿错误？ （道具类型库）

Question

这是我第一次使用 prop-types 库。

这是我的错误信息。

• 绑定元素“name”隐式具有“any”类型。
• 绑定元素“email”隐式具有“any”类型。
• 绑定元素“gender”隐式具有“any”类型。

这是我的代码。

import PropTypes from "prop-types";

export default function Row({ name, email, gender }) {
  return (
    <>
      <p>{name}</p>
      <p>{email}</p>
      <p>{gender}</p>
    </>
  );
}

Row.propTypes = {
  name: PropTypes.string,
  email: PropTypes.string,
  gender: PropTypes.string,
};

我认为没有错误的部分。我需要你帮助我如何在没有“界面”或“类型”的情况下修复我的错误。

Answer 1

看来您正在编写 Typescript 而不是 Javascript。

Proptypes 用于在 Javascript 中实现静态类型的想法，但是如果您正在编写 Typescript，那么您需要为您的 props 定义一个这样的接口。

interface Props {
  name: string;
  email: string;
  gender: string;
}

export default function Row({ name, email, gender }: Props) {
  return (
    <>
      <p>{name}</p>
      <p>{email}</p>
      <p>{gender}</p>
    </>
  );
}