React 开发教程

React 是一个用于构建用户界面的 JavaScript 库。它由 Facebook 开发，并且被广泛用于开发单页应用和可重用的 UI 组件。下面是一个简单的 React 教程，帮助你入门。

这只是一个简单的入门教程，帮助你创建和运行一个基本的 React 应用。React 还有很多其他特性和概念，例如组件生命周期、状态管理和路由等。你可以通过阅读官方文档（https://reactjs.org）深入学习 React。还有一些优秀的在线教程和资源，例如 React 官方教程、React 文档中的示例和社区创建的教程，可以帮助你更深入地了解和应用 React。

1. 设置开发环境： 首先，确保你的计算机上已经安装了 Node.js 和 npm（Node 包管理器）。你可以从官方网站 https://nodejs.org 下载并安装它们。

2. 创建 React 应用： 打开终端或命令提示符，进入你想要创建应用的目录，并执行以下命令：

3. npx create-react-app my-app
   cd my-app
   

   编写组件： 在你的编辑器中打开 src 目录，并编辑 App.js 文件。这是你的第一个 React 组件。可以尝试以下代码：

4. import React from 'react';
   
   function App() {
     return (
       <div>
         <h1>Hello, React!</h1>
       </div>
     );
   }
   
   export default App;
   

   运行应用： 返回终端或命令提示符，并执行以下命令启动开发服务器：

5. npm start
   

6. 查看应用： 打开你的浏览器，访问 http://localhost:3000，你将看到显示 "Hello, React!" 的页面。

7. 扩展应用： 现在你可以开始扩展你的应用了。尝试编辑 App.js 文件，修改 return 语句中的内容，并保存文件。你将看到浏览器实时更新。