react知识点
2024-10-19 15:46:53
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,代码如下:
这里需要注意的是,react并不依赖jQuery,当然我们可以使用jQuery,但是render里面第二个参数必须使用JavaScript原生的getElementByID方法,不能使用jQuery来选取DOM节点。
下面,我们来编写第一个组件Greet,有一个name属性,然后输出hello + name的值,代码如下:
看到这段代码,接触过AngularJS的朋友们是不是有一种熟悉的感觉,不过这里有几点需要注意:
1)获取属性的值用的是this.props.属性名
2)创建的组件名称首字母必须大写。
3)为元素添加css的class时,要用className。
4)组件的style属性的设置方式也值得注意,要写成style={{width: this.state.witdh}}。
最新文章
- 关于Spring的核心组件以及概念
- linux源码分析(五)-start_kernel
- MySQL之运算符与函数、自定义函数
- Nginx 笔记与总结(4)配置 server 访问日志
- 【Stage3D学习笔记续】山寨Starling(十):高效游戏设计、纹理集和ATF
- Eclipse清除SVN密码
- js中立即执行
- IT 名企招聘信息
- Ajax动态载入xml文件内容
- 【转】ubuntu终端方向键不能用(主机名不显示)问题的解决
- POJ1182--食物链(经典并查集)并查集看不出来系列2
- PHP字节格式化
- sublime与Emment
- 0908期 HTML 样式表属性
- python基础——类名称空间与对象(实例)名称空间
- html的基本结构
- Python 的 urllib.parse 库解析 URL
- XGBoost模型的参数调优
- python numpy笔记(重要)
- 【Dalston】【第三章】声明式服务调用(Feign)