Uncaught (in promise) TypeError: (intermediate value).toLocalDateString is not a function at Stats.js:62

Question

function Stats() {
  const [customerList, setCustomerList] = useState([]); //store all that information of the database in a list
  //make an axios request to get information from database
  const getCustomers = () => {
    Axios.get("http://localhost:3001/customers").then((response) => {
      //console.log("successfully retrieved customers list from database");
      console.log(response.data);
      setCustomerList(response.data);
    });
  };

  {/*}
    const [currentTime, setCurrentTime] = useState(1);
  
    useEffect(() => {
      fetch("/time")
        .then((res) => res.json())
        .then((data) => {
          setCurrentTime(data.time);
        });
    }, []);
  

    useEffect(() => {
      fetch("/time")
        .then((res) => res.json())
        .then((data) => {
          const dateStr = new Date(data.time).toLocalDateString('en-CA');
          const timeStr = new Date(data.time).toLocalTimeString();
          const dateTime = `${dateStr} ${timeStr}`;
          setCurrentTime(dateTime);
        });
    }, []);
    */}
    
  return (
    <div>
      <Navbar />
      <div className="container">
      <h1>Dashboard</h1>
      <button onClick={getCustomers}>Show Dashboard</button>
      </div>
      <table className="customertable">
        <thead>
        <tr>
          <th>S/N</th>
          <th>Customer Name</th>
          <th>Customer Email</th>
          <th>Counts of Visit</th>
          <th>Latest Time of Visit</th>
          <th>Contacted?</th>
        </tr>
        </thead>
        <tbody>
        {customerList.map((val, key) => {
          const dateStr = new Date(val.latest_time_of_visit).toLocalDateString('en-CA');
          const timeStr = new Date(val.latest_time_of_visit).toLocalTimeString();
          const dateTime = `${dateStr} ${timeStr}`;
          return (
            <tr>
              <td>{val.ID}</td>
              <td>{val.name}</td>
              <td>{val.email}</td>
              <td>{val.counts_of_visit}</td>
              <td>{dateTime}</td>
              <td>{val.contacted}</td>
            </tr>
          );
        },)}
        </tbody>
      </table>
    </div>
  );
}

export default Stats;

这是我使用的代码，错误发生在： 当我单击"Show Dashboard" 按钮时会发生此错误，该按钮在单击时调用getCustomer 函数，是否有人对此错误有任何解决方案？当我单击按钮时。我省略了导入语句，但如果您需要它们，请告诉我或发表评论！感谢您的帮助！

const dateStr = new Date(val.latest_time_of_visit).toLocalDateString('en-CA');

Answer 1

toLocalDateString --> toLocaleDateString

toLocalTimeString --> toLocaleTimeString