码迷,mamicode.com
首页 > Web开发 > 详细

初识ReactJs(一)

时间:2016-07-25 16:24:47      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:

技术分享

技术分享

ReactJS官网地址:http://facebook.github.io/react/

Github地址:https://github.com/facebook/react

技术分享

技术分享

技术分享

 技术分享

技术分享

技术分享技术分享

eg:编写ReactJS

技术分享

 这里需要注意的是,react并不依赖jQuery,当然我们可以使用jQuery,

但是render里面第二个参数必须使用JavaScript原生的getElementByID方法,

不能使用jQuery来选取DOM节点。

技术分享   技术分享

技术分享

技术分享

技术分享

技术分享

1:三元表达式

技术分享

2:函数变量赋值

技术分享

3:直接调用函数

技术分享

4.比较运算符

技术分享

技术分享

技术分享

●HTML 语言直接写在 JavaScript 语言之中,不加任何引号,这就是 JSX 的语法,它允许 HTML 与 JavaScript 的混写,我们来看代码:

技术分享

这里我们声明了一个names数组,然后遍历在前面加上Hello,输出到DOM中,输出结果如下:

技术分享

●JSX 允许直接在模板插入 JavaScript 变量。如果这个变量是一个数组,则会展开这个数组的所有成员,代码如下:

技术分享

显示结果如下:

技术分享

 技术分享

技术分享

技术分享

技术分享

技术分享

技术分享

技术分享

技术分享

技术分享

技术分享

初识ReactJs(一)

标签:

原文地址:http://www.cnblogs.com/shanhaihong/p/5692643.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!