React 指南

React 是一个用于构建用户界面的 JavaScript 库，由 Facebook 开发。它可以帮助开发者构建快速且动态的网页应用。

快速入门

安装 Node.js 和 npm：React 需要Node.js环境来运行。
创建一个新的 React 项目：使用create-react-app脚手架工具可以快速创建一个项目。
```
npx create-react-app my-app
```
运行项目：进入项目目录，并运行npm start命令。
```
cd my-app
npm start
```

组件

React 应用由组件组成。组件可以复用，并且可以组合成复杂的 UI。

JSX

JSX 是 JavaScript 的语法扩展，它看起来类似于 HTML。

import React from 'react';

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

export default App;

状态与生命周期

React 组件可以拥有状态（state），并且可以在组件的生命周期中执行代码。

状态

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

export default Counter;

学习更多

如果你想要深入学习 React，可以访问我们网站的 React 教程。