react官网井字棋的修改完善

跟着react官方文档进行了井字游戏的开发,最后刚好有时间就进行了部分修改与完善。
参考地址:https://blog.csdn.net/xxdesky/article/details/103427340

主要完善的功能:

  • 在历史记录列表中加粗显示当前选择的项目。
  • 使用两个循环来渲染出棋盘的格子,而不是在代码里写死(hardcode)。
  • 添加一个可以升序或降序显示历史记录的按钮。
  • 当无人获胜时,显示一个平局的消息。

github地址:https://github.com/dashu666/tic-tac-toe 分支improve


1、在历史记录列表中加粗显示当前选择的项目。
image.png
2、使用两个循环来渲染出棋盘的格子,而不是在代码里写死(hardcode)。
image.png
3、添加一个可以升序或降序显示历史记录的按钮。
image.png

4、当无人获胜时,显示一个平局的消息。

image.png
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容