开始
简介
你正在阅读的是 React 19 的文档!
什么是 React?
React (发音为 **/riːˈækt/**) 是一款用于构建用户界面的 JavaScript 库。 它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型, 帮助你高效地开发用户界面。无论是简单还是复杂的界面,React 都可以胜任。
下面是一个最基本的示例:
TypeScript
import { createRoot } from 'react-dom/client';
function HelloMessage({ name }) {
return <div>Hello {name}</div>;
}
const root = createRoot(document.getElementById('container'));
root.render(<HelloMessage name="Taylor" />);这个示例将渲染 "Hello Taylor" 到页面上的容器中。 你会注意到我们使用了一个类似 HTML 的语法;我们称它为 JSX。 使用 React 不必须使用 JSX,但它使代码更易读,写起来感觉像写 HTML。
声明式
React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图, 当数据变动时 React 能高效更新并渲染合适的组件。
声明式视图使你的代码更具可预测性,更容易调试。
组件化
构建管理自身状态的封装组件,然后对其进行组合以构成复杂的 UI。
由于组件逻辑是用 JavaScript 而不是模板编写的,因此你可以轻松地在应用中传递丰富的数据,并将状态保持在 DOM 之外。
一次学习,随处编写
无论你现在正在使用什么技术栈,你都可以随时引入 React。 你还可以使用 React Native 开发原生移动应用。