property 'name' does not exist on type 'eventtarget' react
// If you have to use event.target itself, you would have to cast the object:
const { name } = event.target as HTMLButtonElement;property 'name' does not exist on type 'eventtarget' react
// If you have to use event.target itself, you would have to cast the object:
const { name } = event.target as HTMLButtonElement;Property 'value' does not exist on type 'HTMLElement'.
document.getElementById() returns the type HTMLElement which does not contain a value property.
The subtype HTMLInputElement does however contain the value property.
So a solution is to cast the result of getElementById() to HTMLInputElement like this:
var inputValue = (<HTMLInputElement>document.getElementById(elementId)).value;
<> is the casting operator in typescript.
See TypeScript: casting HTMLElement: https://fireflysemantics.medium.com/casting-htmlelement-to-htmltextareaelement-in-typescript-f047cde4b4c3
The resulting javascript from the line above looks like this:
inputValue = (document.getElementById(elementId)).value;
i.e. containing no type information.Property 'value' does not exist on type 'EventTarget & Element'.
(e.target as HTMLButtonElement).valueProperty 'on' does not exist on type 'HTMLElement'.
To prevent this error you can write:
var plotDiv: any = document.getElementById('myDiv');
plotDiv.on('plotly_relayout', ...
document.getElementById('myDiv') return HTMLElement. This type doesn't contain method
on because this method is added within plotly-latest.min.js. So in order to silence
the typescript warning you can explicity say compile not to check types for plotDiv
Another way is create type definition like:
interface PlotHTMLElement extends HTMLElement {
on(eventName: string, handler: Function): void;
}
var plotDiv = <PlotHTMLElement>document.getElementById('myDiv')
plotDiv.on('plotly_relayout', function() {
});REACT TS roperty 'value' does not exist on type 'EventTarget & Element'
@Zyon Lyod has already provided the code and some explanation but i will add
more details:
The problem is that not all html events have the value property. And thus not all
event.target have that property since event.target is a generic html element
so you need to cast to the html element that you are using
You are welcome,Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
