React Hello, World

要创建一个简单的 React Hello World 应用程序，你可以按照以下步骤进行：

1、使用 Create React App 创建新项目

打开命令行，执行以下命令来使用 Create React App 创建一个新的 React 项目：

npx create-react-app hello-world-app

这里 hello-world-app 是你的项目名称，你可以根据需要进行修改。

2、进入项目目录

创建完成后，进入项目目录：

cd hello-world-app

3、编辑 src/App.js 文件

打开 src/App.js 文件，并编辑内容如下：

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

这里定义了一个名为 App 的函数组件，它返回一个包含 <h1> 标签的 JSX 元素，显示 "Hello, World!"。

4、启动开发服务器

在项目根目录中运行以下命令来启动开发服务器：

npm start

或者使用 yarn：

yarn start

这将启动一个本地服务器，并在默认浏览器中打开地址 http://localhost:3000。你应该可以在浏览器中看到 "Hello, World!" 的文字显示在页面上了。

5、修改内容

如果你想要修改显示的文本，只需编辑 src/App.js 中的 <h1> 标签内的内容即可。保存文件后，开发服务器会自动重新加载并显示最新的更改。

这样，你就创建了一个简单的 React Hello World 应用程序，并且能够在本地开发服务器中看到它运行起来了！