背景說明
本專案是跟著 React 官方文件的教學 (Tutorial: Tic-Tac-Toe) 實作,之後再加入一些額外功能。詳細描述如下:
功能
依照官方文件實作
- 顯示目前是輪到 X 還是 O
- 輪流在九宮格中留下 X 或 O 的記號
- 判斷是哪一方獲勝
- 保存步驟的歷史
- 可以回到過去並創造新的未來
自行實作
- 在當前步驟顯示你在第幾步的文字敘述,而非按鈕
- 用兩層迴圈產生九宮格,而非寫死
- 無人獲勝時,顯示平手
筆記
Array.map(() => { });
的大括號裡面可以有return();
for(){ }
的大括號裡面的return();
只會執行一次return();
裡面不能有迴圈npm start
:編譯+啟動開發用伺服器+執行npm run deploy
:產出正式程式檔案+部署