您现在处于React 引入文档
jekit免费 · 公开 · 高效

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