代码之家 › 专栏 › 技术社区 › etranz

在react typescript中将文件作为道具传递(类型“true”不可分配给类型“ChangeEventHandler<HTMLInputElement>)

forms typescript reactjs

0

etranz · 技术社区 · 4 年前

我正在用reactjs编写一个应用程序

我想上传作为道具从子组件传递到父组件的文件

子组件

const RegisterIndividual: React.FC< { upload_id_card: React.ChangeEventHandler<HTMLInputElement>} > = ({
  upload_id_card,
  handleInput }) => {

  return (
    <div className="mt-3">

          <input
            type="file"
            name="profile_picture"
            id=""
            onChange=={upload_id_card}
            style={{ display: "block", marginTop: "1rem" }}
          />
     </div>
)};

父组件

const Register = () => {
const upload_id_card = (event) => {
    console.log("type upload file code here")
  }
  return (
    <div className="__register">
    <RegisterIndividual upload_id_card={upload_id_card} />
    </div>
)}

但是我在子组件上得到了这个错误

Type 'true' is not assignable to type 'ChangeEventHandler<HTMLInputElement> | undefined'.ts(2322)

0 回复 | 直到 4 年前

1

MWO 4 年前

移除 == 并替换为 = ,您希望分配而不是比较:

onChange=={upload_id_card}