I'm encountering an issue when using a for of loop in React, as it gives me an error stating that "x is undefined".
import { useEffect } from "react";
export default function HomeContent() {
useEffect(() => {
let content = document.getElementsByClassName("content");
let contentList = [
"Hi! I am Aaditya",
"I'm a Freelance Web Designer currently based in New Delhi, India",
];
for (x in contentList) {
console.log(x);
}
}, []);
return (
<div className="HomeContent">
<div className="content"></div>
<i className="fas fa-sort-down fa-5x next"></i>
</div>
);
}