javascript React js中的网页访问计数器

hgncfbus  于 5个月前  发布在  Java
关注(0)|答案(1)|浏览(59)

我在React中做了一个简单的静态网站,因为我是学习这项技术的新手。我想创建一个简单的计数器,显示我网站的总访问量。如果有人能帮助我创建这个,那将是一个很大的帮助。

tag5nh1u

tag5nh1u1#

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中呈现计数器。
希望这有帮助

相关问题