JavaScript 学习手册

React 是一个用于构建用户界面的 JavaScript 库，采用组件化、虚拟 DOM 和单向数据流。 **核心概念：** - **组件** – 可复用的 UI 片段，可以是函数组件或类组件 - **JSX** – JavaScript 语法扩展，允许在 JS 中写 HTML 标签 - **状态（State）** – 组件内部的数据，变化时重新渲染 - **属性（Props）** – 父组件传递给子组件的数据 - **生命周期** – 组件的挂载、更新、卸载过程 **函数组件示例：** ```jsx import React, { useState } from 'react'; function Counter() { const [count, setCount] = useState(0); return (

计数: {count}

setCount(count + 1)}>增加 ); } ``` **类组件示例：** ```jsx class Counter extends React.Component { constructor(props) { super(props); this.state = { count: 0 }; } render() { return (

计数: {this.state.count}

this.setState({ count: this.state.count + 1 })}>增加 ); } } ``` **状态管理：** 可使用 Context、Redux 等。