安装

尝试 React

🌐 Try React

你不需要安装任何东西就可以玩 React。试着编辑这个沙盒吧！

🌐 You don’t need to install anything to play with React. Try editing this sandbox!

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

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

你可以直接编辑它，或者按右上角的“Fork”按钮在新标签页中打开它。

🌐 You can edit it directly or open it in a new tab by pressing the “Fork” button in the upper right corner.

React 文档中的大多数页面都包含像这样的沙箱。在 React 文档之外，有许多支持 React 的在线沙箱：例如，CodeSandbox、StackBlitz 或 CodePen。

🌐 Most pages in the React documentation contain sandboxes like this. Outside of the React documentation, there are many online sandboxes that support React: for example, CodeSandbox, StackBlitz, or CodePen.

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

🌐 To try React locally on your computer, download this HTML page. Open it in your editor and in your browser!

创建 React 应用

🌐 Creating a React App

如果你想启动一个新的 React 应用，你可以使用推荐的框架创建一个 React 应用。

🌐 If you want to start a new React app, you can create a React app using a recommended framework.

从头开始构建 React 应用

🌐 Build a React App from Scratch

如果一个框架不适合你的项目，你更喜欢自己构建框架，或者你只是想学习 React 应用的基础知识，你可以从零构建一个 React 应用。

🌐 If a framework is not a good fit for your project, you prefer to build your own framework, or you just want to learn the basics of a React app you can build a React app from scratch.

将 React 添加到现有项目

🌐 Add React to an existing project

如果你想在现有的应用或网站中尝试使用 React，你可以将 React 添加到现有项目中。

🌐 If want to try using React in your existing app or a website, you can add React to an existing project.

下一步

🌐 Next steps

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

🌐 Head to the Quick Start guide for a tour of the most important React concepts you will encounter every day.