美文网首页
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