React 是一个用于构建用户界面的 JavaScript 库，它可以帮助开发者构建高性能的、响应式的应用程序。

快速开始

安装 React

首先，你需要安装 Node.js 和 npm（Node.js 包管理器）。安装完成后，你可以使用以下命令创建一个新的 React 应用：

npx create-react-app my-app

进入应用目录：

cd my-app

启动开发服务器：

npm start

现在，你应该能看到一个包含 "Hello, world!" 的页面。

组件化

React 通过组件化的方式构建 UI。组件是可复用的代码块，它将 UI 分割成更小的部分。

import React from 'react';

function App() {
  return (
    <div>
      <h1>Hello, world!</h1>
    </div>
  );
}

export default App;

JSX

React 使用 JSX（JavaScript XML）来描述 UI 结构。JSX 允许你在 JavaScript 代码中直接编写 HTML 标签。

import React from 'react';

const App = () => {
  return <h1>Hello, world!</h1>;
};

export default App;

状态和属性

React 组件可以通过状态（state）和属性（props）来传递数据。

import React, { useState } from 'react';

function Clock() {
  const [date, setDate] = useState(new Date());

  return (
    <div>
      <h1>Hello, world!</h1>
      <h2>现在是 {date.toLocaleTimeString()}.</h2>
    </div>
  );
}

export default Clock;

更多内容

想要了解更多关于 React 的信息，可以访问 React 官方文档.

学习资源

[center] React Logo [center]