您好,欢迎来到花图问答。
搜索
您的当前位置:首页简单易懂的React魔法(17):任务时间: 从3个接口中读取数

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

来源:花图问答

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

你需要使用的接口:

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

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

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

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

Copyright © 2019- huatuowenda.com 版权所有 湘ICP备2023022495号-1

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务