I know this has something to do with a problem with the function binding to the wrong “this” but I can’t figure out how to fix it. I had this issue in the useState call but fixed that by following the advice from this post, but the advice given for the .toLocaleString in the useEffect is not working. I don’t know how to resolve this. Here is my code
import "./styles.css";
import React, { useState, useEffect } from "react";
export default function DateTime(props) {
const [getTime, setTime] = useState(() => new Date().toLocaleString());
useEffect(() => {
setInterval(() => {
setTime(new Date().toLocaleString);
}, 1000);
});
return (<div className="App">{getTime}</div>);
}