使用React构建TodoList应用

在这篇文章中，我们将学习如何使用React构建一个简单的TodoList应用。TodoList是一个经典的示例，它可以帮助我们理解React的基本概念和用法。我们将使用JavaScript编写代码，并使用React库来构建用户界面。

步骤1：设置开发环境
首先，确保你的开发环境中已经安装了Node.js和npm（Node包管理器）。你可以从官方网站上下载并安装它们。安装完成后，你可以通过运行以下命令来验证其是否成功安装：

node --version
npm --version

步骤2：创建React应用
在开始之前，我们需要创建一个新的React应用。打开命令行界面，并在你选择的目录中运行以下命令：

npx create-react-app todo-list
cd todo-list

上述命令将使用Create React App工具创建一个新的React应用，并将当前目录切换到新创建的应用目录中。

步骤3：编写TodoList组件
我们将在src目录下创建一个名为TodoList.js的新文件。打开该文件，并编写以下代码：

import React, { useState } from 'react';

function To