【转载】React初学者入门须知
2016-10-30 00:35
267 查看
http://www.oschina.net/news/75530/9-things-every-reactjs-beginner-should-know
react.js入门学习
看了一遍,没什么特别需要记录的。
回头再看《React入门精华》这篇文章在这里有一些笔记:http://www.cnblogs.com/charlesblc/p/5982222.html
http://www.cocoachina.com/webapp/20150721/12692.html
ReactJS小结
关于ReactJS今天就先学习到这里了,下面来总结一下,主要有以下几点:
1、ReactJs是基于组件化的开发,所以最终你的页面应该是由若干个小组件组成的大组件。
2、可以通过属性,将值传递到组件内部,同理也可以通过属性将内部的结果传递到父级组件(留给大家研究);要对某些值的变化做DOM操作的,要把这些值放到state中。
3、为组件添加外部css样式时,类名应该写成className而不是class;添加内部样式时,应该是style={{opacity: this.state.opacity}}而不是style="opacity:{this.state.opacity};"。
4、组件名称首字母必须大写。
5、变量名用{}包裹,且不能加双引号。
react.js入门学习
看了一遍,没什么特别需要记录的。
回头再看《React入门精华》这篇文章在这里有一些笔记:http://www.cnblogs.com/charlesblc/p/5982222.html
http://www.cocoachina.com/webapp/20150721/12692.html
Jsx语法 HTML 语言直接写在 JavaScript 语言之中,不加任何引号,这就是 JSX 的语法,它允许 HTML 与 JavaScript 的混写,了解过AngularJs的看到下面的代码一定会感觉很熟悉的。 JSX 允许直接在模板插入 JavaScript 变量。如果这个变量是一个数组,则会展开这个数组的所有成员。
ReactJS小结
关于ReactJS今天就先学习到这里了,下面来总结一下,主要有以下几点:
1、ReactJs是基于组件化的开发,所以最终你的页面应该是由若干个小组件组成的大组件。
2、可以通过属性,将值传递到组件内部,同理也可以通过属性将内部的结果传递到父级组件(留给大家研究);要对某些值的变化做DOM操作的,要把这些值放到state中。
3、为组件添加外部css样式时,类名应该写成className而不是class;添加内部样式时,应该是style={{opacity: this.state.opacity}}而不是style="opacity:{this.state.opacity};"。
4、组件名称首字母必须大写。
5、变量名用{}包裹,且不能加双引号。
相关文章推荐
- 初学者必备:C++经典入门详细教程(转载)
- 转载js入门须知
- [转载]Shell脚本初学者的入门知识
- Linux 入门――适合初学者本文转载于的博客原文
- 【转载】React入门-Todolist制作学习
- React Native 从入门到原理(转载)
- 初学者的福音:游戏开发新手入门指南(转载)
- Linux 入门——适合初学者本文转载于的博客原文
- React-PlayMusic-Demo(1)——用npm和webpack搭建环境(初学者入门)
- 一看就懂的ReactJs入门教程-精华版-转载
- 初学者入门:软件测试从零开始 (转载)
- Node初学者入门,一本全面的NodeJS教程(转载)
- React 入门实例教程(转载)
- 【转载】React入门实例教程-读书笔记
- java初学者应读--转载CSDN之 wjmmml (笑着悲伤)
- [转载] Eclipse 平台入门
- Java新手入门需要掌握的30个基本概念(转载)
- Fvwm新手入门不完全手册(转载)
- 枚举类型入门(转载自IBM开发者) 选择自 kalex 的 Blog
- XSLT入门 -- 第1章 入门篇:带领初学者开始XSLT的旅行 [转]