圆满完成

现在,你的井字棋已经实现了如下功能:

  • 你可以玩井字棋游戏;
  • 当有玩家获胜时,宣布结果;
  • 存储棋局的历史步骤记录;
  • 允许玩家穿越回之前,查看当时棋盘的格局。

干得漂亮!我们希望你已经觉得自己对React有了较为深入的把握。

点击查看最终的代码

如果你还有时间,想要练习新学到的技能,这里列出了一些难度提升的改进:

  1. 记录落子的位置时,以“(1,3)”的格式显示,而不仅仅只显示“6”;
  2. 在历史步骤记录表单中,对当前选中的步骤加粗显示;
  3. 重写Board组件,使用两个循环来构造小方格,而非直接写死(hardcode)。
  4. 添加切换按钮,实现步骤排列的升序排列或降序排列。
  5. 有人胜出的时候,将那一排胜利的小方格高亮显示。

通过本教程,我们接触了一些React的概念,包括:元素elements, 组件components, props 和 状态state。想要进一步深入了解这些话题,请查看其它文档。想要进一步学习如何定义组件,点击React.ComponentAPI引用文档

results matching ""

    No results matching ""