React官网入门项目井字棋游戏

React官网里有很详细的教程 ，也有在线沙盒，但是写的东一榔头西一棒槌的，不适合新手入门，所以我还是建议大家可以先去看看阮一峰大神的React博客或者某硅谷的网课，这个网课讲的很详细，甚至详细到有些啰嗦，我大概是用20天把网课看完，然后再看的官方文档，把这个小游戏做一下，我这里是采用在本地完成这个项目。

游戏预览：

准备工作：

• 确保你安装了较新版本的 Node.js。
• 按照 Create React App 安装指南创建一个新的项目

npx create-react-app my-app

• 删除掉新项目中 src/ 文件夹下的所有文件。

注意： 不要删除整个 src 文件夹，删除里面的源文件。我们会在接下来的步骤中使用示例代码替换默认源文件。

在 文件夹中创建一个名为 的文件，并拷贝

在 文件夹下创建一个名为 的文件，并拷贝

拷贝以下三行代码到 文件夹下的 文件的顶部：

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';

现在，在项目文件夹下执行 npm start 命令，然后在浏览器访问 http://localhost:3000。这样你就可以在浏览器中看见一个空的井字棋的棋盘了。