用TypeScript来写React官方入门教程
.tsx后缀文件,同时入门typescript和React
1. 项目说明:
-
这是React官网上那个下井字棋的入门教程,但是我把它换了typescirpt的语法来写,即.tsx后缀文件的语法。
-
此外,我还要进一步实现React官方教程上提出的拓展问题
- react官网教程地址https://zh-hans.reactjs.org/tutorial/tutorial.html
官网上未实现的拓展问题:(✔为该项目中已实现)
✔ 1. 在游戏历史记录列表显示每一步棋的坐标,格式为 (列号, 行号)。
✔ 2. 在历史记录列表中加粗显示当前选择的项目。
✔ 3. 使用两个循环来渲染出棋盘的格子,而不是在代码里写死(hardcode)。
4. 添加一个可以升序或降序显示历史记录的按钮。
5. 每当有人获胜时,高亮显示连成一线的 3 颗棋子。
- react官网教程地址https://zh-hans.reactjs.org/tutorial/tutorial.html