Another problem with react. I trying to convert vanilla js to react. I have error and i do not have enough knowledge to change it.
Cannot read property 'addEventListener' of undefined
input.addEventListener("keyup", function() {
Another problem with react. I trying to convert vanilla js to react. I have error and i do not have enough knowledge to change it.
Cannot read property 'addEventListener' of undefined
input.addEventListener("keyup", function() {
For further actions, you may consider blocking this person and/or reporting abuse
Velan<> -
sharathchandark -
Power_Coder -
Dariel Vila -
Top comments (2)
I'm not sure if converting vanilla JS + HTML to React makes sense in some cases.
Nonetheless, whenever
cannot read property ... of undefined
pops up, you're trying to read a property or execute a function of an object that is undefined. This means that the selector that should fillinput
results in an empty array, leading toundefined
when you're trying to get the element at index 0.When you import a module the code inside it runs immediately. In this case your Count.js file is being run before React has a chance to mount your app and put the textarea into the document. So when you call querySelectorAll, the textarea is not found and input is therefore undefined.
You might consider instead converting that peace to react as well or using a useEffect hook to make sure the code is run only when it's ready to.