✏️ AI 术语图鉴

React · 组件化前端框架

英文:react/riˈækt/重音在后

技术栈与工具难度:进阶 ★★

🗣️一句话大白话

最流行的前端框架:把页面拆成一个个「组件」,数据一变,用到它的地方自动更新。AI 生成前端代码时的默认首选。

🎬真实场景

页面上有 20 个「收藏按钮」,行为完全一样。React 里写一个按钮组件复用 20 次:改一处,20 个全更新——不用复制粘贴 20 遍。

📮你可以这样说

「前端用 React + TypeScript。可复用的部分(按钮、卡片、弹窗)做成独立组件,禁止复制粘贴相似代码。」

⚠️边界与常见误解

  • React 是「库」不是全家桶:路由、数据请求要配别的库——所以常配 Next.js
  • 组件的「状态(state)」变了页面才刷新:改了数据页面没动,多半是改法不对
  • 不需要先精通 JS 再学 React,但 JS 基础太薄会处处卡

🔗相关术语