简单易懂的React魔法(26):测试时间：让用户名可点击

是时候再测试一下你掌握的部分，确保你集中了注意力。像以前一样，你先自己想一个方案解决问题，之后我再提出简单的解决方案。我希望你通过这个测试尝试自己去解决问题，这样你就能识别出哪方面你掌握了，哪方面还欠缺。
回顾一下，目前为止你学到了这些：

1. 如何安装Webpack，Babel和React 来用ES6语法开发。
2. 如何创建最基本的React组件然后引入应用中。
3. 如何写简单的JSX来渲染段落。
4. 如何通过props来给组件传值。
5. 如何一次渲染多个元素。
6. 如何处理事件，比如onClick。
7. 如何使用state，还有state和props的区别。
8. 如何通过循环渲染数组中的数据。
9. 如何通过SuperAgent和Ajax从GitHub上获取数据。
10. 如何在字符串中使用变量。
11. 如何在onClick事件中传参数。
12. 如何用React Router 创建路由.
13. 如何用<Link>标签创建页面中的连接。

你应该为你到现在的进度感到自豪，到现在为止你已经学到很多东西了。所以我们来测试一下你的技能，完成以下题目：

• 创建一个叫User的新页面，保存在User.js里，路径为/user/xxxx，xxxx是用户名。
• 在这个页面里通过调用这个接口获取用户信息： https://api.github.com/users/xxxx/events（xxxx是用户名）。
• 更新现有的Detail组件让用户名可以点击，显示目前登录用户的详情页面。

相信我，你已经拥有了能做出这个页面的所有能力。区别只是使用的方法。看一下github返回的JSON，选择你要显示什么数据，然后根据你的能力，大概写10到20分钟代码。
明白了吗？去吧。哎你怎么还没走？好啦，那我给你点提示好了：

• 看一下GitHub的个人详情页面，确定你的页面上应该显示什么。https://api.github.com/users/jimfb/events是个不错的例子。
• 你需要看看detail/:repo 路由来看看如何处理任何用户名。
• 确定你用<Link>组件来引导用户到你的新页面。