react知识点

http://www.cocoachina.com/webapp/20150721/12692.html

http://blog.csdn.net/slandove/article/details/50748473

http://www.oschina.net/news/76862/react-component-life-circle

注意:

下面我们在script标签里面编写代码,来输出Hello,world,代码如下:

QQ截图20150721111143.png

这里需要注意的是,react并不依赖jQuery,当然我们可以使用jQuery,但是render里面第二个参数必须使用JavaScript原生的getElementByID方法,不能使用jQuery来选取DOM节点。

 

下面,我们来编写第一个组件Greet,有一个name属性,然后输出hello + name的值,代码如下:

QQ截图20150721111858.png

看到这段代码,接触过AngularJS的朋友们是不是有一种熟悉的感觉,不过这里有几点需要注意:

1)获取属性的值用的是this.props.属性名

2)创建的组件名称首字母必须大写。

3)为元素添加css的class时,要用className。

4)组件的style属性的设置方式也值得注意,要写成style={{width: this.state.witdh}}。

posted @ 2017-03-06 20:53  秋天的故事  阅读(134)  评论(0编辑  收藏  举报