欢迎来到 React 入门教程页面！这里我们将为您介绍如何开始使用 React 构建用户界面。React 是一个由 Facebook 维护的开源 JavaScript 库，用于构建用户界面。

入门步骤

  1. 安装 Node.js 和 npm

    • 首先，您需要在您的计算机上安装 Node.js 和 npm。Node.js 是 JavaScript 运行时环境，而 npm 是 JavaScript 的包管理器。
    • 您可以从 Node.js 官网 下载并安装。

  2. 创建一个新的 React 项目

    • 使用以下命令创建一个新的 React 项目：
      npx create-react-app my-app
    • 这将创建一个名为 my-app 的新目录，其中包含一个基本的 React 应用程序。

  3. 运行您的应用

    • 进入 my-app 目录并运行应用：
      cd my-app
npm start
    • 这将在开发服务器上启动您的应用，并打开默认浏览器窗口显示您的应用。

  4. 编写您的第一个组件

    • 在 src 目录下，打开 App.js 文件。您会看到以下代码：
      import React from 'react';

function App() {
  return (
    <div className="App">
      <header className="App-header">
        <p>Hello, world!</p>
      </header>
    </div>
  );
}

export default App;
    • 这里的 <App /> 是一个 React 组件，它渲染了一个包含文本的页面。

  5. 了解 JSX

    • JSX 是一个 JavaScript 的语法扩展，它看起来像 HTML，但实际是 JavaScript。
    • JSX 可以让您在 JavaScript 中编写 HTML，并且可以与 JavaScript 表达式一起使用。

学习资源

想要了解更多关于 React 的知识，可以查看以下资源：

希望这个入门教程能帮助您开始学习 React！🌟

React_logo