React 是一个用于构建用户界面的 JavaScript 库,它使得开发者可以高效地构建响应式和交互式的应用程序。本页面将为您介绍 React 的入门知识。

React 入门指南

1. React 简介

React 是由 Facebook 开发的一个用于构建用户界面的 JavaScript 库。它通过组件化的方式来构建 UI,使得代码更加模块化和可复用。

2. 安装 React

要开始使用 React,首先需要安装 Node.js 和 npm(Node.js 的包管理器)。然后,可以通过以下命令安装 React:

npm install -g create-react-app

安装完成后,可以使用 create-react-app 命令创建一个新的 React 项目:

create-react-app my-app

进入项目目录,并启动开发服务器:

cd my-app
npm start

3. React 组件

React 的核心是组件。组件是 React 应用程序的基本构建块,它可以将 UI 分解成可复用的部分。

以下是一个简单的 React 组件示例:

import React from 'react';

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

export default Welcome;

4. JSX

JSX 是一个类似于 HTML 的 JavaScript 语法扩展,它允许你以声明式的方式编写 UI。在 React 中,所有的组件都使用 JSX 来描述。

以下是一个使用 JSX 编写的组件:

import React from 'react';

function App() {
  return (
    <div>
      <h1>Welcome to React</h1>
      <Welcome name="Alice" />
    </div>
  );
}

export default App;

5. 扩展阅读

想要了解更多关于 React 的知识,可以访问我们的 React 官方文档

React Logo