React 引入
浏览量:Err查看修改记录
Jekit React 为 React 18 及更高版本提供 Hook,可以在组件中直接获取网站和页面的访问量、访客数等统计数据。
如何使用?
- 安装依赖
npm install jekit-react- 在组件中使用
import { useJekit } from 'jekit-react';
export function App() {
const jekit = useJekit();
return (
<>
<p>网站总访问量: {jekit.sitePv} 次</p>
<p>网站总访客数: {jekit.siteUv} 人</p>
<p>页面总访问量: {jekit.pagePv} 次</p>
<p>页面总访客数: {jekit.pageUv} 人</p>
<p>今日网站总访问量: {jekit.sitePvToday} 次</p>
<p>今日网站总访客数: {jekit.siteUvToday} 人</p>
<p>今日页面总访问量: {jekit.pagePvToday} 次</p>
<p>今日页面总访客数: {jekit.pageUvToday} 人</p>
</>
)
}设置默认值
在 useJekit 函数中传递第一个参数,设置数据未加载成功时显示的默认值。
const jekit = useJekit('----');请求错误值
当请求发生错误时所有指标的值为 Err
