此文章是翻译Hello World这篇React(版本v15.4.0)官方文档。
Hello World
使用this Hello World example code on CodePen 是最简单的了解React 的方式。你不必安装任何东西;你只需要跟着我们在新页面打开它就可以了。如果你更喜欢使用本地开发环境,请学习Installationg 页面。
这个最简单的React 例子:
1 | ReactDOM.render( |
它渲染了一个打印”Hello World” 在浏览器页面上。
接下来的部分将向你逐渐介绍使用React。我们将会检测构建React 应用的块:elements 和components。一旦你掌握它们,你就可以从小的复用块构建复杂的应用。
A Note on JavaScript
React 是一个JavaScript 库,所以假设你已经掌握了基本的JavaScript 语言。如果你不觉得非常有信心,我们建议你更新JavaScript 知识,你可以更容易的学习。
在例子中,我们将会使用一些ES6 语法。因为它相对来说是新的,所以我们会保守的使用它,但是我们鼓励你去了解arrow functions,classes,template literals,let
和const
语句。你可以使用Babel REPL 去了解ES6 代码如何编译。