简单易懂的React魔法(17):任务时间: 从3个接口中读取数据

我们之前将buttonClicked()方法提取出来。
不过我们现在要让app根据用户的点击显示不同的消息。默认显示commit，之后让用户通过点击不同的按钮选择显示commits，forks和pull。

你需要使用的接口:

• https://api.github.com/repos/facebook/react/commits
• https://api.github.com/repos/facebook/react/forks
• https://api.github.com/repos/facebook/react/pulls

检查一下返回的数据，以便可以编写合适的JSX。

注意: 我们已经学习了能完成整个项目所需的所有技术。我会从头到尾讲一遍，但这里是测试你掌握多少的好机会，想想该如何使用这些技术:

• 你的render()方法能调用其他方法来渲染页面这样就不用全写在render里。
• 所以你可以有renderCommits()方法renderForks()方法和renderPulls()方法。
• 根据你感兴趣的信息，你可以选择任意多的方法去渲染它们。
• 方便起见，我们在componentWillMount()中调用这三个api，然后将结果保存在三个独立的数组中。
• 现在commits,forks,pulls都应该保存在state里，这些state可以通过点击按钮进行修改。

有了这些，你应该能创建一个非常简单的解决方案。如果你想重构的话应该也能做到，但是为了加深理解，我们从最简单的解决方案开始。