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() {
React *Cannot read property 'addEventListener' of undefined*
ivkeMilioner
・1 min read
Discussion (2)
I'm not sure if converting vanilla JS + HTML to React makes sense in some cases.
Nonetheless, whenever
cannot read property ... of undefinedpops 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 fillinputresults in an empty array, leading toundefinedwhen 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.