1.React中文之Hello World

开始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代码编译成了什么。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值