1.React中文之Hello World

来源:互联网 发布:ubuntu l2tp 编辑:程序博客网 时间:2024/05/29 09:14

开始React最简单的方式是在CodePen上使用HelloWorld例子。你不需要安装任何东西,你只要在新的标签页中打开并和我们一起看例子。如果你想要使用一个本地开发环境,可参看Installation页。

最小的react例子如下:

ReactDOM.render(

  <h1>Hello,world!</h1>,

document.getElementById('root')

);

它要在页面中渲染一个内容为“Hello World”的标题。

接下来的几部分将逐步向你介绍如何使用React.我们将examine React apps的构建块:elements 和 components.一旦你掌握他们,你就能用小的可复用的零件pieces创建复杂的apps.

一个JavaScript便笺

React是一个javascript库,因此它假设你已经对JavaScript语言有一个基本的理解。如果你不是很自信,我们建议你复习下你的JavaScript知识,这样你会很容易跟上讲解。

在例子中我们也使用一些ES6语法。因为它比较新,我们会尽量少使用它,但是我们鼓励你熟悉arrow functions,classes,template literals,let 和const声明。你可以使用Babel REPL检查ES6代码编译成了什么。