Skip to content

React

React 是一个由 Facebook(现在的 Meta)开发的开源 JavaScript 库,用于构建用户界面,尤其是单页应用(SPA)中的视图层。它主要用于开发网页和移动应用的前端界面。


📌 React 的几个核心特点:

特性说明
组件化UI 被拆分为小的组件(例如按钮、表单、页面等),每个组件独立管理自己的逻辑和样式。
JSX一种 JavaScript 的语法扩展,可以在 JavaScript 中写 HTML(看起来像 HTML 的语法)。
虚拟 DOMReact 会用 Virtual DOM 来提升性能,避免直接操作真实 DOM。
单向数据流数据从父组件“单向”流向子组件,便于管理和调试。
声明式 UI你只需要声明“界面长什么样”,React 负责更新和渲染变化。

🧩 举个例子(React 代码示例):

jsx
function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

function App() {
  return (
    <div>
      <Welcome name="Alice" />
      <Welcome name="Bob" />
    </div>
  );
}

这个代码定义了一个 Welcome 组件,然后在 App 组件中多次使用它。


🚀 React 适合做什么?

  • 单页应用(如 Gmail、Twitter)
  • 管理后台(如 CMS 系统)
  • 移动应用(通过 React Native)
  • 任何需要复杂交互的用户界面