在本篇教程中，我们将学习如何创建一个基本的 React 应用。我们会介绍一些常用的函数和代码案例，以帮助编程小白更好地理解和应用。让我们开始吧！

## 步骤一：安装 React
首先，我们需要安装 React。打开终端并执行以下命令：

npm install react

这将安装最新版本的 React 到你的项目中。

## 步骤二：创建应用
接下来，我们要创建一个新的 React 应用。在终端中执行以下命令：

npx create-react-app my-app

这将在你的项目文件夹中创建一个名为 `my-app` 的新应用。

## 步骤三：编写组件
现在我们可以开始编写我们的第一个组件了。在 `src` 目录下创建一个新的文件 `HelloWorld.js`，并将以下代码复制到文件中：

import React from 'react';

function HelloWorld() {
  return (
    

      
Hello, World!
    
  );
}

export default HelloWorld;

这个组件将渲染一个包含 `Hello, World!` 的标题。

## 步骤四：使用组件
在我们的应用中使用刚刚创建的组件。在 `src` 目录下的 `App.js` 文件中，将以下代码替换为默认的代码：

import React from 'react';
import HelloWorld from './HelloWorld';

function App() {
  return (
    

      
    
  );
}

export default App;

这将把 `HelloWorld` 组件添加到我们的应用中。

## 步骤五：运行应用
最后，我们要运行我们的应用以查看效果。在终端中执行以下命令：

npm start

这将启动一个本地服务器，并在浏览器中打开应用。

恭喜！你已经成功创建并运行了你的第一个 React 应用。希望本教程对编程小白有所帮助！如果你有任何问题，请随时留言。

本文为翻滚的胖子原创文章,转载无需和我联系,但请注明来自猿教程iskeys.com

• 上一篇： React 中的 JSX（JavaScript XML）基础
• 下一篇： 什么是 React 框架