zh/react/docs/getting-started.html

React 是一个用于构建用户界面的 JavaScript 库。以下是如何开始使用 React 的步骤：

安装 React

首先，您需要安装 Node.js 和 npm。然后，使用以下命令创建一个新的 React 应用：

npx create-react-app my-app

运行以下命令启动开发服务器：

cd my-app
npm start

您现在应该能够在浏览器中看到 "Welcome to React!" 的信息。

创建组件

React 应用由组件组成。组件是可复用的代码块，可以独立运行。

import React from 'react';

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

export default App;

使用 JSX

React 使用 JSX 来描述 UI。JSX 类似于 HTML，但可以包含 JavaScript 表达式。

function App() {
  const title = 'Hello, world!';

  return (
    <div>
      <h1>{title}</h1>
    </div>
  );
}

交互和数据流

React 通过状态（state）和属性（props）来管理交互和数据流。

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

  return (
    <div>
      <h1>Hello, world!</h1>
      <h2>It is {date.toLocaleTimeString()}.</h2>
    </div>
  );
}

深入学习

如果您想了解更多关于 React 的信息，可以访问我们的文档：React 官方文档.

[center] React Logo [center]