在 react 打字稿中将文件作为 prop 传递(类型 'true' 不能分配给类型 'ChangeEventHandler<HTMLInputElement>)

Question

我正在用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)

Answer 1

删除==并替换为=，您希望分配而不是比较：

onChange=={upload_id_card}