简介

React 是一个用于构建用户界面的 JavaScript 库，由 Facebook 开发并维护。它通过组件化开发模式，使开发者能够高效地创建动态网页。

React_简介

安装与环境搭建

  1. 安装 Node.js
    首先确保已安装 Node.js（包含 npm）。
  2. 创建项目
    使用 npx create-react-app my-app 快速初始化项目。
  3. 启动开发服务器
    运行 npm start 启动内置的开发服务器 📱
React_安装

核心概念

  • 组件（Component）
    React 的基础构建单元，如 <App /> 和 <Header />。
  • JSX 语法
    用类似 HTML 的方式编写 JavaScript 代码 📄
  • 状态（State）与 Props
    状态用于管理组件内部数据，Props 用于传递外部参数
React_组件化

示例代码

function HelloWorld() {
  return <h1>你好，React！</h1>;
}

export default function App() {
  return (
    <div>
      <HelloWorld />
    </div>
  );
}

📌 点击此处查看完整代码示例

扩展阅读

React_代码示例