চেকবক্স ইভেন্ট হ্যান্ডলারটিতে `মাউসএভেন্ট কেন জেনেরিক নয়?

Question

আমার কাছে একটি চেকবক্স টিএসএক্স (জেএসএক্স) উপাদান রয়েছে:

<input type="checkbox" name={i.toString()} onClick={this.handleCheckboxClick} />

বনাম কোডের সাহায্যে আমি জানি যে ইনপুট প্যারামিটার প্রকার this.handleCheckboxClickহয় MouseEvent<HTMLInputElement>। সুতরাং আমি এটি দিয়ে এটি প্রয়োগ করেছি:

private handleCheckboxClick(event: MouseEvent<HTMLInputElement>) {
    ...
}

তারপরে [ts] Type 'MouseEvent' is not generic.নীচের চিত্রটিতে প্রদর্শিত হিসাবে আমি একটি ত্রুটি পেয়েছি :

আমার প্যাকেজগুলির সংস্করণ:

"@types/react": "^15.0.29",
"@types/react-dom": "^15.5.0",
"react": "^15.6.1",
"react-dom": "^15.6.1",
"typescript": "^2.3.4",

তা কেন?

Answer 1

আপনি সম্ভবত ডিওএম ব্যবহার করছেন MouseEvent। React.MouseEvent<HTMLInputElement>পরিবর্তে ব্যবহার করার চেষ্টা করুন ।

Comments

আমার জন্য কাজ করছে না, আমি পেয়েছি:type: "checkbox" onChange: (e: MouseEvent<HTMLInputElement>) => void; defaultChec...' is not assignable to type 'InputHTMLAttributes<HTMLInputElement>'

— কোকোডোকো

@ কোকোডোকো আপনি কি কখনও এটি ঠিক করেছেন?

— সুপারউবারডুপার

Answer 2

প্রতিক্রিয়া মাউসএভেন্ট ব্যবহার করার জন্য কেবল যুক্ত করা নিশ্চিত করুন:

import { MouseEvent } from 'react';

Answer 3

আপনি মাউসএভেন্টের পরিবর্তে সিন্থেটিক এভেন্ট ব্যবহার করতে পারেন