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用户相关资料。