正文
React是由Facebook开发的前端框架，采用组件化开发模式，是目前最流行的前端框架之一。 核心概念： 1. 组件：可复用的UI单元 2. JSX：JavaScript XML语法 3. 状态管理：useState和useEffect 4. 虚拟DOM：高效的DOM更新机制 5. 生命周期：组件的创建、更新、销毁 示例： ```jsx import React, { useState, useEffect } from 'react'; function Counter() { const [count, setCount] = useState(0); useEffect(() => { document.title = `Count: ${count}`; }, [count]); return ( <div> <h2>计数器: {count}</h2> <button onClick={() => setCount(count + 1)}> 增加 </button> <button onClick={() => setCount(count - 1)}> 减少 </button> </div> ); } function App() { return ( <div className="App"> <h1>React应用</h1> <Counter /> </div> ); } export default App; ``` React的组件化开发模式提高了代码的可维护性和复用性。