react文档 Hello World

Hello World

最小的 React 示例如下：

ReactDOM.render(
    <h1>Hello, world!</h1>,
    document.getElementById('root')
);

它会显示一个 “Hello, world!" 的标题在页面上。

在在线编辑器上尝试

点击上面的链接打开在线编辑器。随便做些改动，看看它们如何影响输出。入门指南中大多数页面都有一个类似的可编辑示例。

---

指南的指南

在这个指南中，我们将会检验 React apps 的建筑模块： elements 和 components(元素和组件）。一旦掌握了它们，就可以通过小的可复用块来创造复杂应用了。

小贴士 这篇指南为偏爱 learning concepts step by step 的人设计。如果你喜欢通过动手来学习, 打开我们的 实践指导. 你会发现指南和指导互为补充。

这是循序渐进的指南关于 React 原则的第一章。 右侧边栏有所有章节的导航。如果通过移动设备阅读，你可以通过点击屏幕右下角的按钮进入导航。

指南的每一章都会基于之前几张的知识。 你可以通过安装侧边栏中出现的顺序阅读 “Main Concepts" 指导章节学习大部分 React 知识。例如，"Introducing JSX(JSX 简介）" 是下一章。

---

知识层度假设

React 是一个 JavaScript 库，因此我们假定你已经对 JavaScript 语言有一个基础的理解。 如果你不是很有自信，建议你阅读 JavaScript 指导检测你的知识层度确保跟随此指南不会迷路。它可能会花半小时到一个小时，但是好处是你不会感觉同时在学习 React 和 JavaScript。

注意 此指南偶尔在示例中采用新的 JavaScript 语法。 如果你有几年没和 JavaScript 打交道，多数时候这三点会卡住你。

---

正式启程

页面滑动到底部你会看到 下一章 链接。

写在最后

想增强下学过知识的系统性，先增加下学习的仪式感。