美文网首页
react官网井字棋的修改完善

react官网井字棋的修改完善

作者: suesoft | 来源:发表于2020-09-11 11:32 被阅读0次

跟着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

相关文章

网友评论

      本文标题:react官网井字棋的修改完善

      本文链接:https://www.haomeiwen.com/subject/uzfluhtx.html