阅读 189

github 生成报告

github  -  各位大爷给个star

demo  -  展示效果

前言

因为我的博客想要github的个人以及他人数据,所以研究了github v4 - graphql拿数据,并且已经布置好了https://api.pipk.top/graphql  专用拿数据node接口,这部分工作已经做好。

用法

需要在react项目中使用,原生js或者vue我也去试过,应该差不多。

import Github from '@pengliheng/github-report'; 
import '@pengliheng/github-report/lib/index.less';
const GithubReport = props => (
  <div className="github-report">
    <Github name="pengliheng" />
  </div>
);

// router 
<Route path="/githubReport/:name" component={GithubReport} />复制代码

功能

根据路由动态切换组件,将name作为props传入组件,组件内部根据name来动态显示需要被2显示的github用户相关资料。

展示