React 从一开始就被设计成可以逐步采用。您可以根据需要使用少量或大量 React。无论您是想体验 React,向 HTML 页面添加一些交互性,还是启动一个复杂的 React 驱动的应用程序,本节都将帮助您入门。

尝试 React

您无需安装任何内容即可使用 React。尝试编辑此沙箱!

function Greeting({ name }) {
  return <h1>Hello, {name}</h1>;
}

export default function App() {
  return <Greeting name="world" />
}

您可以直接编辑它,也可以通过点击右上角的“Fork”按钮在新标签页中打开它。

React 文档中的大多数页面都包含这样的沙箱。在 React 文档之外,还有许多支持 React 的在线沙箱:例如,CodeSandboxStackBlitzCodePen。

在本地尝试 React

要在您的计算机上本地尝试 React,下载此 HTML 页面。 在您的编辑器和浏览器中打开它!

启动新的 React 项目

如果您想使用 React 完全构建应用程序或网站,启动新的 React 项目。

将 React 添加到现有项目

如果您想在您现有的应用程序或网站中尝试使用 React,将 React 添加到现有项目。

后续步骤

前往 快速入门 指南,了解您每天都会遇到的最重要的 React 概念。