React js 中的网页访问计数器

Question

我正在用 React 制作一个简单的静态网站，因为我是学习这项技术的新手。我想创建一个简单的计数器来显示我网站上的访问总数。如果有人能帮助我创建这个，那将是一个很大的帮助。

Answer 1

 import React, { useState, useEffect } from 'react';

 function Counter() {
 const [count, setCount] = useState(0);

 useEffect(() => {
 const storedCount = localStorage.getItem("pageVisits");
 const initialCount = storedCount ? Number(storedCount) : 0;
 setCount(initialCount + 1);
 localStorage.setItem("pageVisits", initialCount + 1);



 }, []);

 return (
 <div>
  Total Visits: {count}
 </div>
);
}

导出默认计数器； 在应用程序组件中添加此组件但这不是正确的解决方案 正确的解决方案就像使用 后端 api 并更新计数器 并在 UI 中渲染计数器。

希望这有帮助