React 安装学习笔记

React 是一个由 Facebook 开发的 JavaScript 库，用于构建用户界面。它被广泛应用于单页面应用程序和移动应用程序开发中。

在开始学习 React 之前，需要安装一些必要的工具和软件。下面是安装步骤和实例。

安装 Node.js 和 npm

首先，你需要安装 Node.js 和 npm。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，而 npm 则是 Node.js 的包管理器，用于下载和管理 JavaScript 包。

你可以从 Node.js 官网 下载适合你操作系统的版本。安装完毕后，在命令行中运行以下命令来验证是否安装成功：

bashCopy Code
node -v
npm -v

如果显示了相应的版本号，则说明 Node.js 和 npm 安装成功。

创建 React 应用程序

安装完 Node.js 和 npm 后，你可以使用 create-react-app 脚手架来创建 React 应用程序。在命令行中运行以下命令：

bashCopy Code
npx create-react-app my-app
cd my-app
npm start

这里的 "my-app" 是你的应用程序名称，你可以根据自己的喜好来取名。

运行 npm start 后，将会启动一个本地服务器，并打开默认浏览器来预览应用程序。

实例

下面来看一个简单的实例，用于演示 React 的基本使用方法。在新建的 React 应用程序中，找到 src/App.js 文件，将其替换为以下代码：

javascriptCopy Code
import React from 'react';

function App() {
  return (
    <div>
      <h1>Hello, React!</h1>
      <p>This is a sample application.</p>
    </div>
  );
}

export default App;

这段代码定义了一个名为 App 的组件，它返回一个包含标题和段落的 <div> 元素。

现在，你可以在浏览器中看到更新后的应用程序了，它应该显示类似于以下内容：

Copy Code
Hello, React!
This is a sample application.

至此，你已经成功创建了一个 React 应用程序，并了解了如何使用 React 来创建组件和渲染页面。