我们之前将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可以通过点击按钮进行修改。
有了这些,你应该能创建一个非常简单的解决方案。如果你想重构的话应该也能做到,但是为了加深理解,我们从最简单的解决方案开始。